/* Cormorant Garamond 600 (SIL OFL 1.1, lokalnie) — nagłówek hero. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-ext-600-normal.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:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/cormorant-garamond-latin-600-normal.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}
/* Szkic oferty. Wszystkie style ograniczone do tej podstrony. */
body.ms-fotoceramika {
  background:#fff;
  color:#20272b;
  --ms-ink:#20272b;
  --ms-muted:#59666c;
  --ms-line:#dce2e4;
  --ms-paper:#fff;
  --ms-cream:#f4f6f7;
  --ms-gold:#244e56;
  --ms-gold-dark:#183c44;
  --fc-ink:#20272b;
  --fc-accent:#244e56;
  --fc-line:#dce2e4;
  --fc-muted:#59666c;
  --fc-surface:#f4f6f7}
.fc-page {
  font:400 15px/1.6 Inter,system-ui,sans-serif;
  background:#fff;
  color:var(--fc-ink)}

.fc-page *,.fc-page *::before,.fc-page *::after {
  box-sizing:border-box}
.fc-page [hidden] {
  display:none!important}
.fc-page h1,.fc-page h2,.fc-page h3,.fc-page p,.fc-page figure {
  margin:0}
.fc-page h1,.fc-page h2,.fc-page h3 {
  font-family:Inter,system-ui,sans-serif;
  font-weight:500;
  letter-spacing:-.045em;
  color:var(--fc-ink);
  text-transform:none}
.fc-page h2 {
  font-size:clamp(28px,3.2vw,43px);
  line-height:1.16}
.fc-page a {
  text-underline-offset:4px}
.fc-page button,.fc-page input,.fc-page select,.fc-page textarea {
  font-family:inherit}
.fc-page button {
  color:inherit}
.fc-page :focus-visible {
  outline:3px solid #39818e;
  outline-offset:4px}
.fc-page section[id],.fc-page fieldset[id] {
  scroll-margin-top:110px}
.fc-muted,.fc-hint {
  color:var(--fc-muted)}

.fc-kicker {
  font:600 10px/1.5 Inter,sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--fc-accent);
  margin-bottom:20px!important}
.fc-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  min-height:50px;
  border:1px solid var(--fc-accent);
  border-radius:5px;
  padding:13px 23px;
  background:var(--fc-accent);
  color:#fff!important;
  font:500 13px/1.4 Inter,sans-serif;
  text-decoration:none;
  cursor:pointer;
  transition:background .2s}
.fc-btn:hover {
  background:#183c44}
.fc-btn:disabled {
  opacity:.5;
  cursor:wait}
.fc-text-link {
  display:inline-flex;
  align-items:center;
  gap:17px;
  color:var(--fc-ink);
  font-size:13px;
  font-weight:500;
  text-decoration:none}
.fc-text-link:hover {
  text-decoration:underline}

.fc-hero {
  max-width:1400px;
  margin:auto;
  padding:76px 48px 68px;
  display:grid;
  grid-template-columns:1fr 1.07fr;
  gap:64px;
  align-items:center}
.fc-hero h1 {
  font-size:clamp(40px,4.4vw,67px);
  line-height:1.08;
  letter-spacing:-.055em;
  margin-bottom:24px}
.fc-hero h1 span {
  color:#6f858d}
.fc-lead {
  font-size:16px;
  line-height:1.8;
  color:var(--fc-muted);
  max-width:480px}
.fc-hero-actions {
  display:flex;
  flex-wrap:wrap;
  gap:26px;
  align-items:center;
  margin-top:30px}
.fc-hero-art {
  min-width:0;
  position:relative}
.fc-hero-art img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:contain;
  border-radius:12px;
  background:#e3e6e8}
.fc-hero-art figcaption {
  position:absolute;
  left:20px;
  right:20px;
  bottom:18px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:#28333b;
  font-size:10px}
.fc-hero-art figcaption span {
  background:#ffffffe0;
  padding:5px 9px;
  border-radius:3px}

.fc-section-heading {
  display:flex;
  justify-content:space-between;
  gap:40px;
  align-items:end;
  margin-bottom:34px}
.fc-section-heading>div {
  max-width:660px}
.fc-section-heading>p {
  max-width:340px;
  font-size:13px;
  line-height:1.8;
  color:var(--fc-muted)}
.fc-section-heading .fc-kicker {
  margin-bottom:13px!important}
.fc-offer {
  padding:65px max(28px,calc((100% - 1304px)/2));
  background:var(--fc-surface)}
.fc-material-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px}
.fc-material {
  display:flex;
  flex-direction:column;
  text-align:left;
  background:#fff;
  border:1px solid var(--fc-line);
  border-radius:9px;
  overflow:hidden;
  padding:0;
  cursor:pointer;
  font:inherit}
.fc-material:hover {
  border-color:#8ca3aa}
.fc-material[aria-pressed="true"] {
  border-color:var(--fc-accent);
  box-shadow:0 0 0 1px var(--fc-accent)}
.fc-material img {
  width:100%;
  aspect-ratio:4/3;
  display:block;
  object-fit:cover}
.fc-material-copy {
  display:grid;
  gap:7px;
  padding:20px}
.fc-material-copy strong {
  font-size:17px;
  font-weight:500;
  letter-spacing:-.02em}
.fc-material-copy small {
  font-size:12px;
  line-height:1.7;
  color:var(--fc-muted);
  min-height:40px}
.fc-material-price {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:12px;
  color:var(--fc-accent);
  margin-top:5px}
.fc-material-price b {
  font-size:17px;
  font-weight:400}
.fc-catalog-heading {
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin:38px 0 18px}
.fc-catalog-heading h3 {
  font-size:20px;
  letter-spacing:-.025em}
.fc-catalog-heading p,.fc-image-note {
  font-size:11px;
  color:var(--fc-muted)}
.fc-image-note {
  margin-top:18px!important}
.fc-offer-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:12px}
.fc-offer-card {
  min-width:0;
  display:flex;
  align-items:center;
  gap:14px;
  padding:17px;
  background:#fff;
  border:1px solid var(--fc-line);
  border-radius:7px;
  text-align:left;
  cursor:pointer;
  font:inherit}
.fc-offer-card:hover {
  border-color:var(--fc-accent)}
.fc-offer-card .fc-card-title {
  font-size:14px;
  letter-spacing:-.015em;
  line-height:1.4}
.fc-offer-card .fc-from {
  display:block;
  font-size:12px;
  color:var(--fc-muted);
  margin-top:3px}
.fc-mini {
  display:grid;
  place-items:center;
  flex:0 0 40px;
  height:54px}
.fc-shape {
  position:relative;
  display:block;
  width:32px;
  height:43px;
  border:3px solid #fdfefe;
  background:#e7ecee url('/assets/fotoceramika/portret.webp') center 35%/cover;
  border-radius:2px;
  box-shadow:0 2px 6px #20303830;
  filter:grayscale(1)}
.fc-shape[data-shape^="oval"],.fc-shape[data-shape="crystal-oval"] {
  border-radius:50%}
.fc-shape[data-shape^="circle"] {
  border-radius:50%;
  width:38px;
  height:38px}
.fc-shape[data-shape^="square"] {
  width:38px;
  height:38px}
.fc-shape[data-shape$="-rim"],.fc-shape[data-shape="oval-in-rect"] {
  border-width:6px}
.fc-shape[data-shape^="crystal"] {
  border-color:#b2c5cd;
  border-width:2px}
.fc-shape[data-shape="crystal-octagon"] {
  clip-path:polygon(30% 0,70% 0,100% 22.5%,100% 77.5%,70% 100%,30% 100%,0 77.5%,0 22.5%)}

.fc-steps {
  max-width:1400px;
  padding:65px 48px;
  margin:auto}
.fc-steps ol {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  list-style:none;
  padding:0;
  margin:35px 0 0;
  gap:32px;
  counter-reset:steps}
.fc-steps li {
  counter-increment:steps;
  border-top:1px solid var(--fc-line);
  padding-top:18px}
.fc-steps li::before {
  content:'0' counter(steps);
  display:block;
  color:#8a9ba3;
  font-size:12px;
  margin-bottom:14px}
.fc-steps strong {
  display:block;
  font-size:14px;
  font-weight:500;
  margin-bottom:8px}
.fc-steps li span {
  display:block;
  font-size:12px;
  line-height:1.8;
  color:var(--fc-muted);
  max-width:235px}

.fc-config {
  background:#f4f6f7;
  padding:68px max(28px,calc((100% - 1304px)/2))}
.fc-config-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 370px;
  gap:30px;
  align-items:start}
.fc-steps-col {
  min-width:0}
.fc-step {
  min-width:0;
  background:#fff;
  border:1px solid var(--fc-line);
  border-radius:9px;
  margin:0 0 20px;
  padding:22px 26px 26px}
.fc-step legend {
  padding:0 8px;
  margin-left:-8px;
  font-size:19px;
  font-weight:500;
  letter-spacing:-.025em}
.fc-step legend>span {
  display:inline-block;
  margin-right:12px;
  color:var(--fc-accent);
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  vertical-align:2px}
.fc-field-label {
  font-size:11px;
  font-weight:600;
  color:#56666e;
  margin:18px 0 9px!important}
.fc-choice-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px}
.fc-chip,.fc-product {
  position:relative;
  min-width:0}
.fc-chip input,.fc-product input {
  position:absolute;
  width:100%;
  height:100%;
  opacity:0;
  inset:0;
  cursor:pointer;
  margin:0;
  z-index:1}
.fc-chip>span {
  display:inline-flex;
  gap:9px;
  align-items:center;
  min-height:43px;
  padding:10px 13px;
  border:1px solid var(--fc-line);
  border-radius:5px;
  background:#fff;
  font-size:12px}
.fc-chip em {
  font-size:11px;
  color:var(--fc-muted);
  font-style:normal}
.fc-chip input:checked+span,.fc-product input:checked+span {
  border-color:var(--fc-accent);
  background:#f1f7f8;
  box-shadow:inset 0 0 0 1px var(--fc-accent)}
.fc-chip input:focus-visible+span,.fc-product input:focus-visible+span {
  outline:3px solid #39818e;
  outline-offset:3px}
.fc-chip input:disabled+span {
  color:#6e7980;
  background:#f4f5f6}
.fc-product-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px}
.fc-product>span {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:100%;
  padding:17px 8px 12px;
  border:1px solid var(--fc-line);
  border-radius:5px;
  background:#fff;
  text-align:center}
.fc-product strong {
  font-size:11px;
  font-weight:500;
  line-height:1.4}
.fc-product small {
  font-size:10px;
  color:var(--fc-muted)}
.fc-product-description {
  font-size:12px;
  color:var(--fc-muted);
  margin:13px 0 19px!important;
  line-height:1.7}
.fc-field {
  display:grid;
  gap:7px;
  min-width:0;
  font-size:11px;
  font-weight:500;
  color:#53626a;
  margin-bottom:16px}
.fc-field input,.fc-field select,.fc-field textarea {
  width:100%;
  min-width:0;
  min-height:46px;
  font:400 16px/1.45 Inter,sans-serif;
  padding:11px 12px;
  border:1px solid #cfd8dc;
  border-radius:5px;
  background:#fff;
  color:var(--fc-ink)}
.fc-field textarea {
  resize:vertical}
.fc-field input[aria-invalid="true"] {
  border-color:#a32c2c}
.fc-hint {
  font-size:11px;
  line-height:1.7;
  margin:8px 0 0!important}
.fc-contact-intro {
  margin:0 0 20px!important}
.fc-contact-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px}
.fc-check {
  display:flex;
  align-items:flex-start;
  gap:11px;
  margin:14px 0;
  font-size:12px;
  line-height:1.6;
  cursor:pointer}
.fc-check input {
  width:18px;
  height:18px;
  margin:1px 0 0;
  accent-color:var(--fc-accent);
  flex:0 0 18px}
.fc-check strong {
  font-weight:500}
.fc-check small {
  display:block;
  font-size:11px;
  color:var(--fc-muted);
  margin-top:3px}
.fc-check em {
  font-style:normal;
  font-size:11px;
  color:var(--fc-accent);
  margin-left:4px}
.fc-consent {
  font-size:11px}
.fc-consent a {
  color:var(--fc-accent)}
.fc-addons {
  display:grid}
.fc-addons .fc-check {
  padding-bottom:14px;
  border-bottom:1px solid #edf0f2}
.fc-free {
  background:#f4f7f8;
  border-radius:5px;
  padding:15px 17px;
  margin-top:20px;
  font-size:11px;
  color:var(--fc-muted);
  line-height:1.8}
.fc-free strong {
  color:var(--fc-accent);
  display:block;
  margin-bottom:5px;
  font-weight:500}
.fc-honey {
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden}
.fc-error {
  color:#8e2727;
  background:#fff0ef;
  border:1px solid #ebc3bf;
  padding:14px 18px;
  border-radius:5px;
  margin-bottom:20px!important;
  font-size:13px}
.fc-submit {
  width:100%;
  justify-content:space-between;
  margin-top:10px}

.fc-drop {
  position:relative;
  display:grid;
  justify-items:center;
  gap:8px;
  border:1px dashed #9bafb7;
  border-radius:6px;
  padding:27px 16px;
  margin-top:18px;
  background:#f6f8f9;
  text-align:center;
  cursor:pointer}
.fc-drop input {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer}
.fc-drop:focus-within,.fc-drop.is-over {
  outline:2px solid var(--fc-accent);
  outline-offset:3px;
  background:#edf5f7}
.fc-drop-icon {
  font-size:25px;
  line-height:1;
  color:var(--fc-accent)}
.fc-drop strong {
  font-size:12px;
  font-weight:500}
.fc-drop small {
  font-size:10px;
  color:var(--fc-muted)}
.fc-photo-list {
  display:grid;
  gap:8px;
  margin-top:12px}
.fc-photo-item {
  display:flex;
  gap:10px;
  align-items:center;
  border:1px solid var(--fc-line);
  padding:7px;
  border-radius:5px;
  min-width:0}
.fc-photo-item img {
  width:42px;
  height:48px;
  object-fit:cover;
  border-radius:3px}
.fc-photo-item span {
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:12px;
  white-space:nowrap}
.fc-photo-item button {
  margin-left:auto;
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#8e2727;
  min-height:44px;
  padding:8px;
  cursor:pointer;
  font-size:11px}

.fc-preview-col {
  position:sticky;
  top:105px;
  min-width:0}
.fc-preview-card {
  background:#fff;
  border:1px solid var(--fc-line);
  border-radius:10px;
  overflow:hidden}
.fc-preview-top {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:8px;
  align-items:center;
  padding:17px 20px;
  font-size:12px}
.fc-preview-badge {
  font-size:9px;
  color:#576e79;
  background:#eff3f5;
  border-radius:20px;
  padding:4px 9px}
.fc-stage {
  position:relative;
  height:315px;
  background:radial-gradient(ellipse at 45% 30%,#f5f7f8,#dce3e7);
  display:grid;
  place-items:center;
  overflow:hidden}
.fc-object {
  position:relative;
  width:168px;
  height:220px;
  filter:drop-shadow(6px 15px 13px #26374138);
  transition:width .2s,height .2s}
.fc-photo {
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:3px;
  background:#fff;
  display:flex;
  align-items:stretch;
  padding:7px}
.fc-photo img {
  width:100%;
  height:100%;
  min-width:0;
  object-fit:cover;
  object-position:center 35%;
  display:block;
  border-radius:inherit}
.fc-photo.is-pair img {
  width:50%;
  object-position:center;
  border-radius:0}
.fc-placeholder {
  font-size:12px;
  padding:20px;
  align-self:center;
  color:var(--fc-muted);
  text-align:center}
.fc-stage[data-color="czarno-biale"] .fc-photo img {
  filter:grayscale(1)}
.fc-stage[data-color="sepia"] .fc-photo img {
  filter:sepia(.85)}
.fc-stage[data-material="porcelana"][data-margin="1"] .fc-photo {
  padding:0}
.fc-stage[data-shape^="oval"] .fc-photo,.fc-stage[data-shape="crystal-oval"] .fc-photo {
  border-radius:50%}
.fc-stage[data-shape^="circle"] .fc-object,.fc-stage[data-shape^="square"] .fc-object {
  width:200px;
  height:200px}
.fc-stage[data-shape^="circle"] .fc-photo {
  border-radius:50%}
.fc-stage[data-shape$="-rim"] .fc-photo {
  padding:15px;
  box-shadow:inset 0 0 0 5px #fdfefe,inset 0 0 0 8px #dde2e5,inset 0 0 0 12px #fff}
.fc-stage[data-shape="oval-in-rect"] .fc-photo {
  border-radius:3px}
.fc-stage[data-shape="oval-in-rect"] .fc-photo img {
  border-radius:50%}
.fc-stage[data-material="krysztal"] .fc-photo {
  padding:2px;
  background:#a8bcc5}
.fc-stage[data-material="krysztal"] .fc-photo::after {
  content:'';
  position:absolute;
  inset:0;
  border:2px solid #cddce5;
  background:linear-gradient(120deg,#ffffff35,transparent 35%,transparent 80%,#ffffff20);
  pointer-events:none;
  border-radius:inherit}
.fc-stage[data-finish="fazowany"] .fc-photo::after {
  border:9px solid #ffffff60;
  box-shadow:inset 0 0 0 1px #ffffffa0}
.fc-stage[data-shape="crystal-octagon"] .fc-photo {
  clip-path:polygon(30% 0,70% 0,100% 22.5%,100% 77.5%,70% 100%,30% 100%,0 77.5%,0 22.5%)}
.fc-strip-mark {
  position:absolute;
  inset:7px;
  z-index:2;
  pointer-events:none;
  border:2px solid #c5a24c;
  border-radius:inherit}
.fc-stage[data-shape^="oval"] .fc-strip-mark,.fc-stage[data-shape^="circle"] .fc-strip-mark {
  border-radius:50%}
.fc-strip-mark[data-strip="platynowy"] {
  border-color:#aab2b7}
.fc-strip-mark[data-strip="czarny"] {
  border-color:#111;
  background:transparent}
.fc-preview-body {
  padding:21px}
.fc-preview-name {
  font-size:19px;
  font-weight:500;
  line-height:1.35;
  letter-spacing:-.03em;
  margin-bottom:8px!important}
.fc-preview-note {
  font-size:10px;
  color:var(--fc-muted);
  line-height:1.7}
.fc-summary {
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px 15px;
  border-top:1px solid var(--fc-line);
  padding:19px 0 0;
  margin:18px 0 0;
  font-size:11px}
.fc-summary dt {
  color:var(--fc-muted)}
.fc-summary dd {
  margin:0;
  text-align:right;
  white-space:nowrap}
.fc-total {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  border-top:1px solid var(--fc-line);
  margin:19px 0 7px;
  padding-top:16px}
.fc-total span {
  font-size:11px;
  color:var(--fc-muted)}
.fc-total strong {
  font-size:31px;
  font-weight:500;
  letter-spacing:-.05em}
.fc-preview-next {
  display:flex;
  justify-content:space-between;
  margin-top:16px;
  border-top:1px solid var(--fc-line);
  padding-top:14px;
  font-size:11px;
  color:var(--fc-accent);
  text-decoration:none}
.fc-done {
  padding:45px;
  background:#fff;
  border:1px solid var(--fc-line);
  border-radius:10px}
.fc-done h3 {
  font-size:32px;
  margin-bottom:15px}
.fc-done .fc-btn {
  margin-top:25px}

.fc-renovation {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
  padding:70px max(28px,calc((100% - 1304px)/2));
  background:#20383f;
  color:#d2dde1}
.fc-renovation h2 {
  color:#fff;
  margin-bottom:25px}
.fc-renovation p {
  font-size:13px;
  line-height:1.85;
  margin-bottom:14px}
.fc-renovation .fc-kicker {
  color:#a8c0c9}
.fc-renovation .fc-text-link {
  color:#fff;
  margin-top:15px}
.fc-renovation img {
  width:100%;
  height:auto;
  border-radius:8px;
  display:block}
.fc-faq {
  max-width:1400px;
  margin:auto;
  padding:75px 48px;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:70px}
.fc-faq details {
  border-bottom:1px solid var(--fc-line)}
.fc-faq summary {
  cursor:pointer;
  padding:18px 0;
  font-size:14px;
  font-weight:500}
.fc-faq details p {
  font-size:13px;
  line-height:1.8;
  color:var(--fc-muted);
  margin:0 0 22px}

@media(max-width:1100px) {
  .fc-hero {
  gap:30px;
  padding:48px 28px}
.fc-config-grid {
  grid-template-columns:minmax(0,1fr) 330px;
  gap:22px}
.fc-step {
  padding:18px}
.fc-preview-body {
  padding:18px}
.fc-material-copy {
  padding:15px}
}

@media(max-width:850px) {
  .fc-hero {
  grid-template-columns:1fr 1fr}
.fc-hero h1 {
  font-size:42px}
.fc-hero-actions {
  gap:16px}
.fc-hero .fc-btn {
  gap:12px;
  padding:12px 16px}
.fc-material-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))}
.fc-section-heading {
  display:block}
.fc-section-heading>p {
  max-width:600px;
  margin-top:18px}
.fc-config-grid {
  grid-template-columns:minmax(0,1fr) 300px;
  gap:16px}
.fc-chip>span {
  padding:9px;
  font-size:11px}
.fc-qty input {
  max-width:110px}
.fc-contact-grid {
  grid-template-columns:1fr;
  gap:0}
.fc-product-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))}
.fc-faq {
  gap:35px;
  padding:55px 28px}
.fc-renovation {
  gap:30px}
}

@media(max-width:700px) {
  .fc-hero {
  grid-template-columns:1fr;
  padding:38px 20px 40px;
  gap:32px}
.fc-hero h1 {
  font-size:46px}
.fc-lead {
  font-size:14px}
.fc-hero-art img {
  aspect-ratio:3/2}
.fc-offer,.fc-config {
  padding:43px 20px}
.fc-steps {
  padding:43px 20px}
.fc-steps ol {
  grid-template-columns:1fr 1fr;
  gap:25px}
.fc-config-grid {
  display:flex;
  flex-direction:column;
  gap:25px}
.fc-steps-col {
  width:100%}
.fc-preview-col {
  position:static;
  order:-1;
  width:100%}
.fc-stage {
  height:270px}
.fc-preview-top {
  padding:12px 18px}
.fc-preview-body {
  padding:18px}
.fc-preview-next {
  display:none}
.fc-summary {
  gap:7px 12px}
.fc-product-grid {
  grid-template-columns:repeat(3,minmax(0,1fr))}
.fc-contact-grid {
  grid-template-columns:1fr 1fr;
  gap:12px}
.fc-material-grid {
  gap:12px}
.fc-material-copy {
  padding:14px;
  gap:7px}
.fc-material-copy strong {
  font-size:15px}
.fc-material-copy small {
  font-size:11px}
.fc-offer-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px}
.fc-offer-card {
  padding:13px 10px;
  gap:10px}
.fc-offer-card .fc-card-title {
  font-size:12px}
.fc-offer-card .fc-from {
  font-size:11px}
.fc-mini {
  flex-basis:30px}
.fc-offer-card .fc-shape {
  transform:scale(.8)}
.fc-catalog-heading {
  margin-top:28px}
.fc-renovation {
  grid-template-columns:1fr;
  padding:43px 20px;
  gap:30px}
.fc-faq {
  grid-template-columns:1fr;
  padding:43px 20px;
  gap:20px}
.fc-faq h2 br {
  display:none}
.fc-done {
  padding:28px}
}

@media(max-width:380px) {
  .fc-hero h1 {
  font-size:40px}
.fc-contact-grid {
  grid-template-columns:1fr}
.fc-material-copy small {
  min-height:0}
.fc-product-grid {
  grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce) {
  .fc-page * {
  scroll-behavior:auto!important;
  transition:none!important}
}

/* Zwięzła cena podczas wyboru na telefonie, bez zasłaniania formularza. */
.fc-mobile-total { display:none; }
@media (max-width:700px) {
  .fc-mobile-total { position:fixed; inset:auto 0 0; z-index:40; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:10px 20px calc(10px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--fc-line); background:#fffffff5; box-shadow:0 -5px 25px #20303812; }
  .fc-mobile-total > span { display:grid; font-size:10px; color:var(--fc-muted); }
  .fc-mobile-total strong { color:var(--fc-ink); font-size:21px; line-height:1.3; font-weight:500; }
  .fc-mobile-total .fc-btn { min-height:43px; font-size:11px; padding:10px 15px; }
  .fc-config { padding-bottom:110px; }
}
.fc-stage[data-shape$="-rim"][data-margin="1"] .fc-photo { padding:10px; }

.fc-card-title { display:block; font-weight:500; }

/* Obracany produkt w lokalnej scenie studyjnej. */
.fc-model-viewport { position:relative; height:380px; isolation:isolate; background:radial-gradient(ellipse at 35% 20%,#f2f5f7 0%,#dde6eb 65%,#c7d4dd 100%); }
.fc-model-viewport .fc-stage { height:100%; background:transparent; }
.fc-3d-host,.fc-2d-host { position:absolute; inset:0; }
.fc-2d-host canvas { width:100%; height:100%; display:block; }
.fc-3d-host canvas { width:100%; height:100%; display:block; cursor:grab; }
.fc-3d-host canvas:active { cursor:grabbing; }
.fc-scene-settings { position:absolute; top:14px; right:14px; z-index:2; display:flex; padding:3px; gap:2px; border:1px solid #ffffffb0; border-radius:30px; background:#ffffff80; backdrop-filter:blur(12px); }
.fc-scene-settings button { border:0; background:transparent; color:#647481; display:flex; align-items:center; gap:5px; padding:5px 9px; font:500 10px/1.5 Inter,sans-serif; border-radius:20px; cursor:pointer; }
.fc-scene-settings button[aria-pressed="true"] { background:#fff; color:#20333e; box-shadow:0 1px 5px #20333e14; }
.fc-scene-settings span { display:block; width:9px; height:9px; border-radius:50%; border:1px solid #95a4af; background:#edf2f5; }
.fc-view-toolbar { display:flex; justify-content:center; flex-wrap:wrap; gap:4px; padding:12px 10px; background:#fff; border-bottom:1px solid var(--fc-line); }
.fc-view-toolbar button,.fc-small-btn { min-height:36px; border:0; border-radius:6px; background:#f0f4f6; padding:7px 10px; font:500 10px/1.5 Inter,sans-serif; cursor:pointer; color:#647580; transition:background .15s,color .15s; }
.fc-view-toolbar button:hover { background:#dfe9ee; color:#213d4e; }
.fc-view-toolbar button[aria-pressed="true"] { background:#294c5c; color:#fff; box-shadow:0 2px 5px #294c5c1a; }
.fc-view-toolbar [data-model-zoom] { width:34px; font-size:15px; line-height:1; padding:6px; }
.fc-preview-actions #fcExpandModel { color:#294c5c; background:transparent; text-decoration:underline; text-underline-offset:3px; }
.fc-model-status,.fc-model-metrics,.fc-model-accuracy { padding:0 16px; font-size:10px; line-height:1.7; }
.fc-model-status { margin-top:12px!important; color:#627783; }
.fc-model-metrics { margin-top:6px!important; color:#283b45; font-size:11px; font-weight:500; letter-spacing:.015em; }
.fc-model-accuracy { margin:5px 0 14px!important; color:#7a8791; line-height:1.6; }
.fc-crop-controls { margin-top:18px; padding-top:14px; border-top:1px solid var(--fc-line); }
.fc-crop-controls summary { font-size:12px; color:#244e56; cursor:pointer; }
.fc-crop-controls .fc-field { margin-top:15px; }
.fc-crop-controls input[type="range"] { padding:0; min-height:32px; accent-color:#244e56; cursor:pointer; }
.fc-crop-controls output { float:right; color:#244e56; }
.fc-model-dialog { width:min(1100px,96vw); max-height:95svh; padding:0; border:1px solid #c8d5dd; border-radius:10px; background:#f1f5f7; }
.fc-model-dialog::backdrop { background:#12232dcc; }
.fc-model-dialog > header { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 23px; background:#fff; }
.fc-model-dialog > header h2 { font-size:19px; margin:0; }
.fc-model-dialog > header button { min-height:40px; padding:8px 14px; border:1px solid #cbd6dc; background:#fff; border-radius:4px; cursor:pointer; }
.fc-model-dialog .fc-model-viewport { height:65svh; }
.fc-model-dialog .fc-model-status,.fc-model-dialog .fc-model-metrics,.fc-model-dialog .fc-model-accuracy { text-align:center; }
.fc-preview-card { max-height:calc(100svh - 112px); overflow:auto; }
@media(max-width:700px) {
 .fc-model-viewport { height:350px; }
 .fc-preview-card { max-height:none; overflow:visible; }
 .fc-model-dialog .fc-model-viewport { height:60svh; }
 .fc-scene-settings { top:12px; right:12px; }
 .fc-view-toolbar { gap:3px; padding:10px 8px; }
 .fc-view-toolbar button { padding:7px 8px; }
}

.fc-mode-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 16px; border-bottom:1px solid var(--fc-line); background:#fff; color:#627783; font-size:11px; }
.fc-mode-switch { display:flex; gap:3px; padding:3px; border-radius:9px; background:#eff3f5; }
.fc-mode-switch button { border:0; min-width:48px; min-height:34px; border-radius:6px; padding:6px 12px; background:transparent; color:#617783; cursor:pointer; font:600 12px/1.5 Inter,sans-serif; }
.fc-mode-switch button[aria-pressed="true"] { background:#294c5c; color:#fff; box-shadow:0 2px 5px #294c5c20; }
.fc-mode-switch button:disabled { opacity:.4; cursor:not-allowed; }
.fc-preview-actions { display:flex; justify-content:center; padding:10px; background:#fff; border-bottom:1px solid var(--fc-line); }
.fc-preview-actions button { min-height:32px; border:0; padding:5px 10px; font:500 11px/1.5 Inter,sans-serif; cursor:pointer; }

/* ---- Konfigurator w 8 krokach (2026-10-17): pasek postępu, karty, rozmiary, zakładki dodatków ---- */
.fc-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fc-progress{position:sticky;top:76px;z-index:20;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:0 0 22px;padding:6px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border:1px solid var(--fc-line);border-radius:12px;box-shadow:0 8px 24px rgba(20,35,40,.06)}
.fc-progress a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:8px 10px;border-radius:8px;color:var(--fc-ink);text-decoration:none;min-width:0}
.fc-progress a:hover{background:var(--fc-surface)}
.fc-progress b{grid-row:1/3;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--fc-line);font-size:12px;font-weight:600;color:var(--fc-muted);background:#fff}
.fc-progress a.is-done b{background:var(--fc-accent);border-color:var(--fc-accent);color:#fff}
.fc-progress span{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-progress small{font-size:11px;color:var(--fc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-step legend b{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:10px;border-radius:50%;background:var(--fc-accent);color:#fff;font-size:13px;font-weight:600;letter-spacing:0;vertical-align:1px}
.fc-step-intro,.fc-panel-intro{color:var(--fc-muted);font-size:13px;margin:4px 0 14px!important}
.fc-card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.fc-card-row.is-materials{grid-template-columns:repeat(2,minmax(0,1fr))}
.fc-card-row.is-colors{grid-template-columns:repeat(3,minmax(0,1fr))}
.fc-card{position:relative;min-width:0}
.fc-card input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;z-index:1}
.fc-card>span{display:flex;flex-direction:column;gap:6px;height:100%;padding:14px;border:1px solid var(--fc-line);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.fc-card:hover>span{border-color:#b7c5c9;transform:translateY(-1px)}
.fc-card strong{font-size:14px;font-weight:600}
.fc-card small{font-size:12px;color:var(--fc-muted);line-height:1.45}
.fc-card em{font-style:normal;font-size:12px;font-weight:600;color:var(--fc-accent);margin-top:auto}
.fc-card input:checked+span{border-color:var(--fc-accent);box-shadow:inset 0 0 0 1px var(--fc-accent),0 6px 18px rgba(36,78,86,.12);background:#f6fafb}
.fc-card input:focus-visible+span{outline:3px solid #39818e;outline-offset:3px}
.fc-card input:disabled+span{opacity:.5;cursor:not-allowed}
.fc-card.is-image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px;background:var(--fc-surface)}
.fc-card.is-color img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:50%/42%;box-shadow:0 0 0 4px #fff,0 0 0 5px var(--fc-line)}
.fc-card.is-color>span{align-items:center;text-align:center}
.fc-tone[data-tone="czarno-biale"]{filter:grayscale(1) contrast(1.05)}
.fc-tone[data-tone="sepia"]{filter:sepia(.85) contrast(1.02)}
.fc-card.is-swatch>span{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:10px}
.fc-card.is-swatch small{flex-basis:100%}
.fc-swatch{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--swatch,#eee);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.fc-swatch.is-strip{border-radius:6px;background:#fff;position:relative;overflow:hidden}
.fc-swatch.is-strip::after{content:"";position:absolute;right:-8px;bottom:6px;width:40px;height:7px;transform:rotate(-45deg);background:var(--swatch,none)}
.fc-swatch.is-finish{border-radius:6px;background:linear-gradient(135deg,#9eb6bf,#6f8790)}
.fc-swatch.is-finish[data-finish="clear-bevel"]{background:linear-gradient(135deg,#9eb6bf,#6f8790) content-box,linear-gradient(135deg,rgba(255,255,255,.9),rgba(205,222,230,.6));padding:6px}
.fc-chip.is-tall>span{flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:9px 15px}
.fc-chip.is-tall strong{font-size:13px;font-weight:600}
.fc-chip.is-tall small{font-size:11px;color:var(--fc-muted)}
.fc-size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.fc-size{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:10px 12px;border:1px solid var(--fc-line);border-radius:8px;background:#fff;cursor:pointer;text-align:left;font:inherit}
.fc-size strong{font-size:13px;font-weight:600}
.fc-size small{font-size:12px;color:var(--fc-accent);font-weight:600}
.fc-size:hover:not([disabled]){border-color:#b7c5c9}
.fc-size[aria-checked="true"]{border-color:var(--fc-accent);background:#f1f7f8;box-shadow:inset 0 0 0 1px var(--fc-accent)}
.fc-size[disabled]{opacity:.45;cursor:not-allowed}
.fc-qty-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 18px;margin-top:16px}
.fc-qty-row .fc-hint{margin:0 0 10px}
.fc-stepper{display:inline-flex;align-items:stretch;border:1px solid var(--fc-line);border-radius:8px;overflow:hidden;background:#fff}
.fc-stepper button{width:42px;border:0;background:var(--fc-surface);font-size:18px;cursor:pointer}
.fc-stepper button:hover{background:#e7eef0}
.fc-stepper input{width:64px;border:0!important;text-align:center;border-radius:0!important;-moz-appearance:textfield}
.fc-stepper input::-webkit-inner-spin-button,.fc-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.fc-tabs{display:flex;gap:4px;overflow-x:auto;margin:2px 0 16px;padding-bottom:2px;border-bottom:1px solid var(--fc-line);scrollbar-width:thin}
.fc-tabs [role="tab"]{flex:0 0 auto;padding:10px 14px;border:0;border-bottom:2px solid transparent;background:none;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fc-muted);cursor:pointer;margin-bottom:-1px}
.fc-tabs [role="tab"][aria-selected="true"]{color:var(--fc-accent);border-bottom-color:var(--fc-accent)}
.fc-tab-panel{min-height:120px}
.fc-check-card{padding:12px 14px;border:1px solid var(--fc-line);border-radius:10px;background:#fff;margin:0 0 10px}
.fc-addon-summary{margin:14px 0 0!important;padding-top:12px;border-top:1px dashed var(--fc-line);font-size:12px;color:var(--fc-muted)}
.fc-recap{margin:0 0 18px;padding:14px 16px;border-radius:10px;background:var(--fc-surface)}
.fc-recap .fc-summary{margin:0}
.fc-recap .fc-total{margin:10px 0 0}
.fc-scene-settings{display:flex;flex-wrap:wrap;gap:4px}
.fc-scene-settings button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--fc-line);border-radius:999px;background:#fff;font-size:11px;cursor:pointer}
.fc-scene-settings button span{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,#f3f5f6,#c9d1d4)}
.fc-scene-settings [data-model-background="granite-dark"] span{background:radial-gradient(circle at 30% 30%,#4a4f53,#0d0f10)}
.fc-scene-settings [data-model-background="granite-light"] span{background:radial-gradient(circle at 30% 30%,#e3ded6,#a8a199)}
.fc-scene-settings button[aria-pressed="true"]{border-color:var(--fc-accent);color:var(--fc-accent);box-shadow:inset 0 0 0 1px var(--fc-accent)}
.fc-mode-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}
.fc-mode-bar .fc-scene-settings{position:static;padding:0;border:0;background:none;backdrop-filter:none;box-shadow:none}
.fc-model-surface[data-background="granite-dark"] .fc-model-viewport{background:#15171a}
.fc-model-surface[data-background="granite-light"] .fc-model-viewport{background:#cdc7bf}
@media(max-width:700px){
  .fc-progress{top:64px;display:flex;overflow-x:auto;scrollbar-width:none;border-radius:10px}
  .fc-progress::-webkit-scrollbar{display:none}
  .fc-progress a{flex:0 0 auto;grid-template-columns:auto;grid-template-rows:auto;padding:6px 8px}
  .fc-progress small,.fc-progress span{display:none}
  .fc-progress a.is-current span{display:block}
  .fc-card-row.is-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .fc-card-row.is-materials{grid-template-columns:1fr 1fr;gap:8px}
  .fc-card>span{padding:10px}
  .fc-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ---- Zwarty konfigurator (2026-10-16): pasek kroków tylko nad lewą kolumną, mniejsze karty ---- */
.fc-config{padding-top:48px;padding-bottom:48px}
.fc-config .fc-section-heading{margin-bottom:20px}
.fc-progress{top:76px;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;margin:0 0 12px;padding:4px;border-radius:10px}
.fc-progress a{column-gap:6px;padding:5px 6px;border-radius:7px}
.fc-progress b{width:22px;height:22px;font-size:11px}
.fc-progress span{font-size:11px}
.fc-progress small{font-size:10px}
.fc-step{margin:0 0 12px;padding:14px 20px 16px}
.fc-step legend{font-size:16px}
.fc-step legend b{width:24px;height:24px;font-size:12px;margin-right:8px}
.fc-step-intro,.fc-panel-intro{font-size:12px;margin:2px 0 10px!important}
.fc-field-label{margin-top:12px}
.fc-drop{grid-template-columns:auto 1fr;justify-items:start;text-align:left;column-gap:14px;row-gap:0;padding:12px 16px;margin-top:8px}
.fc-drop-icon{grid-row:1/3;align-self:center}
.fc-crop-controls{margin-top:8px}
.fc-card-row{gap:8px}
.fc-card>span{padding:9px 12px;gap:2px}
.fc-card strong{font-size:13px}
.fc-card small{font-size:11px}
/* Karty z miniaturą w poziomie: obrazek po lewej, opis po prawej. */
.fc-card.is-image>span,.fc-card.is-color>span,#fcStepPersons .fc-card>span{display:grid;grid-template-columns:auto 1fr;grid-auto-rows:min-content;column-gap:12px;align-content:center;text-align:left;align-items:center}
.fc-card.is-image img{grid-row:1/4;width:92px;border-radius:6px}
.fc-card.is-image em{margin-top:0}
.fc-card.is-color img{grid-row:1/3;width:40px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--fc-line)}
#fcStepPersons .fc-card .fc-ico{grid-row:1/3;width:44px;height:52px;filter:drop-shadow(0 2px 3px rgba(30,50,58,.14))}
.fc-ico-person{fill:#7d9198;transition:fill .15s}
.fc-ico-person.is-back{fill:#a9b8bd}
.fc-card input:checked+span .fc-ico-person{fill:var(--fc-accent)}
.fc-card input:checked+span .fc-ico-person.is-back{fill:#7fa1a8}
.fc-card.is-swatch>span{column-gap:8px}
.fc-swatch{width:26px;height:26px}
.fc-swatch.is-strip.is-full{background:linear-gradient(135deg,#7d8f97,#c9d4d8)}
.fc-chip.is-tall>span{min-height:0;padding:7px 13px}
.fc-product-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}
.fc-product>span{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:0;align-content:center;justify-items:start;padding:8px 10px;text-align:left}
.fc-product>span .fc-shape{grid-row:1/3;transform:scale(.7);transform-origin:center}
.fc-product-description{margin:8px 0 6px!important}
.fc-size-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}
.fc-size{padding:7px 10px}
.fc-qty-row{margin-top:10px}
.fc-tabs{margin:0 0 10px}
.fc-tabs [role="tab"]{padding:8px 11px;font-size:11px}
.fc-tab-panel{min-height:0}
.fc-check-card{padding:9px 12px;margin:0 0 8px}
.fc-addon-summary{margin:10px 0 0!important;padding-top:8px}
@media(max-width:1100px){.fc-progress{display:flex;overflow-x:auto;scrollbar-width:none}.fc-progress::-webkit-scrollbar{display:none}.fc-progress a{flex:0 0 auto}}
@media(max-width:700px){
  .fc-progress{top:64px}
  .fc-step{padding:12px 14px 14px}
  .fc-card-row.is-materials{grid-template-columns:1fr}
  .fc-card-row.is-colors{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fc-card-row.is-colors .fc-card>span{grid-template-columns:1fr;justify-items:center;text-align:center;padding:7px 6px}
  .fc-card-row.is-colors .fc-card img{grid-row:auto}
}
.fc-card-row.is-strips{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}
.fc-progress{top:92px}
.fc-step{scroll-margin-top:160px}
.fc-check-card:has(input:disabled){opacity:.5;cursor:not-allowed}
@media(max-width:700px){.fc-progress{top:72px}.fc-step{scroll-margin-top:130px}}
/* Karta podglądu na komputerze: cena zawsze widoczna bez przewijania wnętrza karty. */
@media(min-width:701px){
  .fc-preview-col{top:100px}
  .fc-preview-card{max-height:calc(100svh - 116px)}
  .fc-preview-top{padding:9px 16px}
  .fc-mode-bar{flex-wrap:nowrap;padding:7px 12px}
  .fc-mode-switch button{min-height:30px;padding:4px 10px}
  .fc-scene-settings{flex-wrap:nowrap;gap:5px}
  .fc-scene-settings button{font-size:0;gap:0;padding:4px;border-radius:50%}
  .fc-scene-settings button span{width:18px;height:18px}
  .fc-model-viewport{height:clamp(240px,40svh,360px)}
  .fc-view-toolbar{padding:6px 8px}
  .fc-preview-actions{padding:4px}
  .fc-model-status,#fcPreviewNote{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .fc-model-metrics{margin-top:8px!important}
  .fc-model-accuracy{margin:2px 0 8px!important}
  .fc-preview-body{padding:10px 16px 12px}
  .fc-preview-name{font-size:16px;margin-bottom:2px!important}
  .fc-summary{padding-top:8px;margin-top:8px;gap:5px 12px}
  .fc-total{margin:8px 0 2px;padding-top:8px}
  .fc-total strong{font-size:26px}
  .fc-preview-next{margin-top:8px;padding-top:8px}
}
/* Karty pasków, teł i fazy: próbka po lewej, opis i cena w jednej kolumnie — równa wysokość. */
.fc-card.is-swatch>span{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:1px;align-content:center;align-items:center}
.fc-card.is-swatch .fc-swatch{grid-row:1/3}
.fc-card.is-swatch small{flex-basis:auto}
/* Akcesoria, jakość zdjęcia, termin */
.fc-accessories{display:grid;gap:6px;margin-bottom:14px}
.fc-acc-group{border:1px solid var(--fc-line);border-radius:9px;background:#fff}
.fc-acc-group summary{display:flex;align-items:baseline;gap:8px;padding:9px 12px;cursor:pointer;font-size:13px;font-weight:600;list-style-position:inside}
.fc-acc-group summary small{font-weight:400;color:var(--fc-muted);font-size:11px}
.fc-acc-group summary b{margin-left:auto;font-size:11px;color:var(--fc-accent)}
.fc-acc-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:7px 12px;border-top:1px solid var(--fc-line)}
.fc-acc-row.is-on{background:#f3f8f9}
.fc-acc-row strong{display:block;font-size:12px;font-weight:500}
.fc-acc-row small{display:block;font-size:11px;color:var(--fc-muted)}
.fc-acc-row em{font-style:normal;font-size:12px;font-weight:600;color:var(--fc-accent);white-space:nowrap}
.fc-stepper.is-small button{width:30px;font-size:15px}
.fc-stepper.is-small output{display:grid;place-items:center;min-width:30px;font-size:13px;font-weight:600}
.fc-quality{margin:8px 0 0!important;padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.5;background:var(--fc-surface);color:var(--fc-ink)}
.fc-quality::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#8a9aa0;vertical-align:1px}
.fc-quality.is-good::before{background:#3f8a5b}
.fc-quality.is-ok{background:#fdf6e7}.fc-quality.is-ok::before{background:#d89a2b}
.fc-quality.is-low{background:#fdecea}.fc-quality.is-low::before{background:#c0453a}
.fc-lead-time{margin:8px 0 0!important;font-size:12px;color:var(--fc-muted)}
@media(max-width:700px){.fc-acc-row{grid-template-columns:1fr auto}.fc-acc-row em{grid-row:1;grid-column:2}.fc-acc-row .fc-stepper{grid-column:1/3;justify-self:end}}
/* Porównanie przed / po renowacji */
.fc-compare{margin:0;justify-self:center;width:min(100%,400px)}
.fc-compare-frame{--pos:50%;position:relative;aspect-ratio:3/4;border-radius:10px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.35);background:#2c454c}
.fc-compare-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fc-compare-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.fc-compare-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.4);pointer-events:none}
.fc-compare-handle::after{content:"‹ ›";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#20383f;font-size:15px;font-weight:700;letter-spacing:2px;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.fc-compare-label{position:absolute;top:12px;padding:3px 9px;border-radius:20px;background:rgba(20,32,36,.7);color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
.fc-compare-label.is-before{left:12px}.fc-compare-label.is-after{right:12px}
.fc-compare input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.fc-compare input:focus-visible~.fc-compare-handle,.fc-compare-frame:has(input:focus-visible) .fc-compare-handle::after{outline:3px solid #9fd0d8}
.fc-compare figcaption{margin-top:10px;font-size:11px;color:#a8c0c9;text-align:center}
/* Realizacje (sekcja tylko gdy są zdjęcia na hostingu) */
.fc-gallery{padding:65px max(28px,calc((100% - 1304px)/2));background:#f4f6f7}
.fc-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:24px}
.fc-gallery figure{margin:0;background:#fff;border:1px solid var(--fc-line);border-radius:10px;overflow:hidden}
.fc-gallery img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;height:auto}
.fc-gallery figcaption{padding:9px 12px;font-size:12px;color:var(--fc-muted)}
@media(max-width:700px){.fc-gallery{padding:43px 20px}.fc-gallery-grid{grid-template-columns:1fr 1fr;gap:8px}}

/* Renowacja bez sztucznego przykładu: tekst pozostaje czytelny także bez zdjęć. */
.fc-renovation.is-text-only { grid-template-columns:minmax(0,820px); justify-content:center; }
.fc-renovation.is-text-only h2 { font-size:clamp(28px,3vw,40px); }
.fc-summary dt { overflow-wrap:anywhere; }

/* Chłodna paleta dotyczy wyłącznie tej oferty, także wspólnego menu i stopki. */
body.ms-fotoceramika .ms-topbar {
  background:rgba(255,255,255,.97);
  border-bottom-color:var(--fc-line);
  box-shadow:0 6px 24px #244e5609;
}
body.ms-fotoceramika .ms-topbar .ms-header-btn {
  background:var(--fc-accent); border-color:var(--fc-accent); color:#fff; box-shadow:none;
}
body.ms-fotoceramika .ms-topbar .ms-header-btn.is-outline {
  background:#edf3f4; border-color:#bdcfd3; color:var(--fc-accent);
}
body.ms-fotoceramika .ms-topbar .ms-header-btn:hover,
body.ms-fotoceramika .ms-topbar .ms-header-btn:focus-visible {
  background:#183c44; border-color:#183c44; color:#fff;
}
body.ms-fotoceramika .ms-topbar .ms-icon-link { color:var(--fc-accent); }
body.ms-fotoceramika .ms-divider { background:#8b9ca2; }
body.ms-fotoceramika .ms-main-nav a.is-current::before,
body.ms-fotoceramika .ms-main-nav a[aria-current="page"]::before {
  background:linear-gradient(180deg,transparent,#244e561a);
}
body.ms-fotoceramika .ms-contact-footer {
  background:var(--fc-surface); border-top-color:var(--fc-line);
}
body.ms-fotoceramika .ms-contact-footer-links { border-top-color:var(--fc-line); }
body.ms-fotoceramika .ms-contact-footer .ms-btn {
  background:var(--fc-accent); border-color:var(--fc-accent); color:#fff; box-shadow:none;
}
body.ms-fotoceramika .ms-contact-footer .ms-btn:hover { background:#183c44; }
body.ms-fotoceramika .ms-contact-footer .ms-form input,
body.ms-fotoceramika .ms-contact-footer .ms-form textarea { background:#fff; }
body.ms-fotoceramika .ms-contact-clock { border-color:#72949b; }
body.ms-fotoceramika .ms-topbar .ms-icon-link img,
body.ms-fotoceramika .ms-contact-row > img {
  filter:brightness(0) saturate(100%) invert(25%) sepia(16%) saturate(1418%) hue-rotate(143deg) brightness(94%) contrast(88%);
}
@media(max-width:900px) {
  body.ms-fotoceramika .ms-mobile-menu { color:var(--fc-accent); }
  body.ms-fotoceramika .ms-mobile-menu summary { background:#fff; border-color:var(--fc-line); }
  body.ms-fotoceramika .ms-mobile-menu nav { background:rgba(244,246,247,.97); border-color:var(--fc-line); }
  body.ms-fotoceramika .ms-mobile-menu nav a { color:var(--fc-accent)!important; }
  body.ms-fotoceramika .ms-mobile-menu nav a:hover { background:#244e5610; }
}

/* Własne zdjęcie: widok i kadr dostępne bez szukania ukrytych ustawień. */
.fc-photo-actions { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.fc-photo-actions .fc-small-btn { min-height:40px; }
.fc-photo-actions .is-primary { background:var(--fc-accent); border-color:var(--fc-accent); color:#fff; }
.fc-photo-actions button:disabled { opacity:.45; cursor:not-allowed; }
.fc-model-dialog.is-cropping #fcModelDialogBody { display:grid; grid-template-columns:minmax(0,1fr) 280px; }
.fc-model-dialog.is-cropping .fc-model-viewport { height:min(52svh,540px); }
.fc-model-dialog.is-cropping .fc-crop-controls { margin:0; padding:20px; border:0; border-left:1px solid var(--fc-line); background:#fff; }
.fc-model-dialog.is-cropping .fc-crop-controls summary { font-size:15px; font-weight:600; }
.fc-model-dialog.is-cropping .fc-crop-controls .fc-hint { margin:12px 0; font-size:12px; }
.fc-model-dialog.is-cropping .fc-model-accuracy { display:none; }
.fc-model-dialog.is-cropping .fc-crop-controls .fc-small-btn { min-height:40px; }
@media(max-width:700px) {
  .fc-model-dialog.is-cropping { width:calc(100vw - 16px); max-height:calc(100svh - 16px); }
  .fc-model-dialog.is-cropping #fcModelDialogBody { grid-template-columns:minmax(0,1fr); }
  .fc-model-dialog.is-cropping .fc-model-viewport { height:clamp(150px,24svh,200px); }
  .fc-model-dialog.is-cropping .fc-crop-controls { padding:14px 18px; border-left:0; border-top:1px solid var(--fc-line); }
  .fc-model-dialog.is-cropping .fc-crop-controls .fc-field { margin:6px 0 0; gap:0; }
  .fc-model-dialog.is-cropping .fc-model-status { margin:6px 12px; font-size:11px; }
}

.fc-model-dialog .fc-preview-actions { display:none; }
.fc-model-dialog.is-cropping .fc-model-status { margin-top:6px!important; }
.fc-model-dialog.is-cropping .fc-model-metrics { margin:4px 0 10px!important; }
.fc-model-dialog.is-cropping .fc-scene-settings { display:none; }
@media(max-width:700px) {
  .fc-model-dialog.is-cropping > header { padding:10px 16px; }
  .fc-model-dialog.is-cropping > header h2 { font-size:17px; }
  .fc-model-dialog.is-cropping #fcResetCrop { margin-top:6px; }
}
.fc-acc-box{margin:0 0 16px;padding:12px 14px;border:1px solid var(--fc-line);border-radius:10px;background:#fff}
.fc-acc-box .fc-field-label{margin:0 0 2px}
.fc-acc-box .fc-hint{margin:0 0 8px;font-size:12px}
.fc-acc-box .fc-accessories{margin:0;border:1px solid var(--fc-line);border-radius:8px;overflow:hidden;gap:0}
.fc-acc-box .fc-acc-row:first-child{border-top:0}
/* Cała szerokość okna: wspólny margines boczny zamiast stałego kontenera. */
.fc-page{--fc-gutter:clamp(20px,4vw,80px)}
.fc-hero,.fc-faq{max-width:none}
.fc-hero,.fc-offer,.fc-config,.fc-renovation,.fc-gallery,.fc-faq{padding-left:var(--fc-gutter);padding-right:var(--fc-gutter)}
@media(min-width:1101px){.fc-config-grid{grid-template-columns:minmax(0,1fr) clamp(360px,30vw,560px)}}
.fc-compare{width:min(100%,460px)}
@media(min-width:701px){.fc-model-viewport{height:clamp(260px,45svh,460px)}}
.fc-card-row.is-strips{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
#fcStepPersons .fc-card-row{grid-template-columns:repeat(auto-fill,minmax(190px,240px))}
/* Krok 8: osobne bloki — zamówienie, montaż, kontakt, wysłanie */
#fcStepContact{display:grid;gap:14px}
#fcStepContact>legend{margin-bottom:4px}
.fc-block{margin:0;padding:16px 18px;border:1px solid var(--fc-line);border-radius:6px;background:#fff}
.fc-block-title{margin:0 0 10px;font-size:15px;font-weight:600;letter-spacing:0}
#fcStepContact .fc-recap{margin:0;padding:0;background:none}
.fc-acc-box{padding:0;background:#f7faf9;border-color:#b9cdd0}
.fc-acc-box summary{display:flex;align-items:center;gap:14px;padding:14px 18px;cursor:pointer;list-style:none}
.fc-acc-box summary::-webkit-details-marker{display:none}
.fc-acc-box summary strong{display:block;font-size:15px;font-weight:600}
.fc-acc-box summary strong em{font-style:normal;font-weight:400;color:var(--fc-muted)}
.fc-acc-box summary small{display:block;font-size:12px;color:var(--fc-muted);margin-top:2px}
.fc-acc-box.is-chosen summary small{color:var(--fc-accent);font-weight:600}
.fc-acc-ico{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:var(--fc-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v4l2 2v11a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V9l2-2z'/%3E%3Cpath d='M7 13h10'/%3E%3C/svg%3E") center/20px no-repeat}
.fc-acc-toggle{margin-left:auto;flex:0 0 auto;width:30px;height:30px;border:1px solid var(--fc-line);border-radius:50%;background:#fff;position:relative}
.fc-acc-toggle::before,.fc-acc-toggle::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;background:var(--fc-accent);transform:translate(-50%,-50%)}
.fc-acc-toggle::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.fc-acc-box[open] .fc-acc-toggle::after{transform:translate(-50%,-50%) rotate(0)}
.fc-acc-box[open] summary{border-bottom:1px solid #d6e2e4}
.fc-acc-box .fc-hint{margin:12px 18px 8px!important}
.fc-acc-box .fc-accessories{margin:0 18px 16px!important;background:#fff}
.fc-optional{font-style:normal;color:var(--fc-muted);font-weight:400}
.fc-send{background:var(--fc-surface)}
.fc-form-error{margin:10px 0 0!important;padding:10px 12px;border-radius:4px;background:#fdecea;color:#8c2a22;font-size:13px;font-weight:500}
.fc-field.is-invalid input,.fc-field.is-invalid textarea{border-color:#c0453a!important;box-shadow:0 0 0 2px rgba(192,69,58,.15)}
.fc-check.is-invalid{outline:2px solid #c0453a;outline-offset:6px;border-radius:3px}
.fc-send .fc-submit{margin-top:12px}
@media(max-width:700px){.fc-block{padding:14px}.fc-acc-box summary{padding:12px 14px}.fc-acc-box .fc-hint{margin:10px 14px 6px!important}.fc-acc-box .fc-accessories{margin:0 14px 14px!important}}

/* ===== Styl marki MS Studio (2026-10-20): mniej „szablonowo”, bliżej pozostałych podstron ===== */
.fc-page h2{font-family:"Bodoni Moda",Georgia,serif;font-weight:400;letter-spacing:-.01em}
.fc-page h2{font-size:clamp(30px,3.2vw,46px);line-height:1.12}
.fc-kicker{letter-spacing:.28em}
.fc-btn{border-radius:0;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;gap:14px;padding:14px 26px}
.fc-text-link{text-transform:uppercase;letter-spacing:.16em;font-size:11px}
.fc-step{border-radius:4px}
.fc-card>span,.fc-chip>span,.fc-product>span,.fc-size,.fc-check-card,.fc-acc-group,.fc-block,.fc-preview-card,.fc-drop{border-radius:3px}
.fc-card:hover>span{transform:none}
.fc-card input:checked+span{box-shadow:inset 0 0 0 1px var(--fc-accent)}
.fc-progress{border-radius:3px;box-shadow:none}

/* Hero: tekst po lewej, zdjęcie produktów od góry do dołu po prawej */
.fc-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0!important;min-height:min(calc(100svh - 86px),780px);align-items:stretch}
.fc-hero-inner{align-self:center;padding:clamp(48px,7vw,110px) clamp(28px,5vw,90px) clamp(48px,7vw,110px) var(--fc-gutter)}
/* Nagłówek hero jak wcześniej: Inter, druga linia w stonowanym turkusie. */
.fc-hero h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;font-size:clamp(44px,4.6vw,78px);line-height:1;letter-spacing:-.01em;margin-bottom:26px}
.fc-hero-art{margin:0;overflow:hidden;background:#cfd5d8}
.fc-hero-art img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:60% 58%;border-radius:0;transform:scale(1.22);transform-origin:61% 56%;background:none}
@media(max-width:860px){
  .fc-hero{grid-template-columns:1fr;min-height:0}
  .fc-hero-art{order:-1;height:62vw;max-height:440px}
  .fc-hero-inner{padding:32px var(--fc-gutter) 40px}
}

/* Materiały: zdjęcie i opis, bez „kafelków” */
.fc-material-grid{gap:clamp(16px,2vw,32px)}
.fc-material{background:none;border:0;border-radius:0;overflow:visible}
.fc-material:hover{border:0}
.fc-material img{border-radius:2px;transition:filter .25s}
.fc-material:hover img{filter:brightness(1.04) contrast(1.02)}
.fc-material-copy{padding:16px 2px 0;gap:6px}
.fc-material-copy strong{font-family:"Bodoni Moda",Georgia,serif;font-size:clamp(20px,1.7vw,26px);font-weight:400;letter-spacing:0}
.fc-material-copy small{min-height:0;font-size:13px}
.fc-material-price{margin-top:8px;padding-top:10px;border-top:1px solid var(--fc-line);font-size:13px;color:var(--fc-ink)}
.fc-material-price b{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--fc-accent)}
.fc-material:hover .fc-material-price b{text-decoration:underline}
@media(min-width:861px){
  .fc-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);min-height:min(calc(100svh - 86px),700px)}
  .fc-hero-art img{transform:none;object-position:57% 55%}
}
.fc-material-copy{flex:1;display:flex;flex-direction:column}
.fc-material-price{margin-top:auto}
.fc-material-copy small{margin-bottom:10px}
@media(max-width:560px){#fcStepContact .fc-contact-grid{grid-template-columns:1fr;gap:0}}
@media(min-width:861px){.fc-hero-inner{padding-right:clamp(20px,3vw,48px)}}
/* Hero: pokaz zdjęć z kropkami (kadry przycięte tak, by produkty były na środku) */
.fc-hero-art{position:relative}
.fc-hero-art img{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;object-position:50% 50%!important}
.fc-hero-art img.is-active{opacity:1}
.fc-hero-dots{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:10px;z-index:2}
.fc-hero-dots button{width:10px;height:10px;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.35);box-shadow:0 1px 4px rgba(0,0,0,.25);cursor:pointer;transition:background .2s,transform .2s}
.fc-hero-dots button[aria-pressed="true"]{background:#fff;transform:scale(1.25)}
.fc-hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.fc-hero-art img{transition:none}}
.fc-hero-dots{left:50%;right:auto;transform:translateX(-50%);padding:7px 11px;border-radius:20px;background:rgba(20,30,34,.38);backdrop-filter:blur(4px)}

/* ===== Przegląd wg tasteskill v2 (2026-10-21): bez ozdobników, większa typografia, pełny tusz =====
   Konfigurator (#fcForm, data-ui) traktujemy jak ekran aplikacji: obramowania pól i małe etykiety
   są tam normalne, ale bez gradientów, rozmyć, cieni i tekstu poniżej 12 px. */
.fc-page{--fc-display:"Cormorant Garamond",Georgia,serif;--fc-ink:#1d2427;font-size:17px}
.fc-page h1,.fc-page h2{font-family:var(--fc-display);font-weight:600;letter-spacing:-.015em;line-height:1.02}
.fc-page h2{font-size:clamp(34px,4vw,58px);margin-bottom:18px}
.fc-lead,.fc-section-heading>p,.fc-renovation p,.fc-faq details p,.fc-material-copy small,.fc-gallery figcaption{font-size:17px;line-height:1.55;color:var(--fc-ink);max-width:60ch}
.fc-lead{font-size:clamp(17px,1.35vw,20px)}
.fc-renovation p{color:#e3ecef}
.fc-section-heading{align-items:end;margin-bottom:40px}
.fc-section-heading>p{max-width:46ch}
/* Przyciski i linki: zwykłe zdania, bez wersalików i rozstrzelenia. */
.fc-btn{text-transform:none;letter-spacing:0;font-size:16px;font-weight:600;box-shadow:none;transition:background .2s,transform .12s}
.fc-btn:active{transform:translateY(1px) scale(.99)}
.fc-text-link{text-transform:none;letter-spacing:0;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s}
.fc-text-link:hover{color:var(--fc-accent)}
@media(max-width:560px){.fc-hero h1{font-size:34px}}
/* Rytm sekcji: wyraźnie większe odstępy niż wewnątrz sekcji. */
.fc-offer,.fc-renovation,.fc-faq,.fc-gallery{padding-top:clamp(64px,9vw,140px);padding-bottom:clamp(64px,9vw,140px)}
.fc-config{padding-top:clamp(56px,7vw,110px)}
/* Materiały: zdjęcie, nazwa, opis, cena — bez linii i etykiet. */
.fc-material-price{border-top:0;padding-top:4px;font-size:16px;font-weight:600}
.fc-material-price b{text-transform:none;letter-spacing:0;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.fc-material img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.fc-material:hover img{transform:scale(1.03);filter:none}
.fc-material{overflow:hidden}
/* Renowacja: suwak bez cienia, podpisy zwykłym zdaniem. */
.fc-compare-frame{box-shadow:none}
.fc-compare-label{text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;padding:4px 10px}
.fc-compare figcaption{font-size:14px;color:#c9d7dc}
.fc-compare-handle{box-shadow:none}.fc-compare-handle::after{box-shadow:none}
/* FAQ: pytania na tle o ton jaśniejszym zamiast cienkich linii. */
.fc-faq details{border-bottom:0;background:var(--fc-surface);margin:0 0 8px;padding:0 22px}
.fc-faq summary{font-size:18px;padding:18px 0}
.fc-faq details p{margin:0 0 20px}
/* Kropki slajdów: płaskie, bez rozmycia i cienia. */
.fc-hero-dots{backdrop-filter:none;background:rgba(20,30,34,.5)}
.fc-hero-dots button{box-shadow:none}
.fc-mobile-total{box-shadow:none;backdrop-filter:none;background:#fff}
/* --- Konfigurator (ekran aplikacji) --- */
.fc-model-viewport{background:#e9eef0}
.fc-model-surface[data-background="granite-dark"] .fc-model-viewport{background:#15171a}
.fc-model-surface[data-background="granite-light"] .fc-model-viewport{background:#cdc7bf}
.fc-progress,.fc-scene-settings{backdrop-filter:none!important}
.fc-progress{background:#fff}
.fc-card.is-color img,img.fc-tone{box-shadow:none!important}
.fc-tabs [role="tab"]{text-transform:none;letter-spacing:0;font-size:14px}
.fc-progress small,.fc-progress span{font-size:12px}
.fc-card small,.fc-chip small,.fc-chip.is-tall small,.fc-product small,.fc-preview-badge,.fc-model-metrics,.fc-acc-row small,.fc-hint,.fc-preview-note,.fc-summary,.fc-total span{font-size:13px}
.fc-size small,.fc-size strong,.fc-card strong{font-size:14px}
.fc-step-intro,.fc-panel-intro{font-size:14px;color:var(--fc-ink)}
.fc-drop small,.fc-photo-list{font-size:13px}
/* --- Ruch: wejście elementów sekcji i powolny ruch zdjęcia w hero (bez ruchu przy reduced-motion) --- */
.fc-rise{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.fc-rise.is-in{opacity:1;transform:none}
@keyframes fcDrift{from{transform:scale(1.06)}to{transform:scale(1)}}
.fc-hero-art img.is-active{animation:fcDrift 8s ease-out both}
@media(prefers-reduced-motion:reduce){.fc-rise{opacity:1;transform:none;transition:none}.fc-hero-art img.is-active{animation:none}.fc-material img{transition:none}}
/* Wybór zaznaczony obrysem, bez cienia (także w konfiguratorze). */
.fc-size[aria-checked="true"],.fc-mode-bar .fc-scene-settings button[aria-pressed="true"]{box-shadow:none;outline:2px solid var(--fc-accent);outline-offset:-2px}
.fc-mode-switch button[aria-pressed="true"]{box-shadow:none}
.fc-mode-switch button{color:#43535b}
.fc-page button,.fc-page input,.fc-page select,.fc-page textarea{font-family:inherit}
/* Wspólny nagłówek i stopka — tylko na tej stronie: bez linii, cieni i rozmycia, drobne teksty od 13 px. */
body.ms-fotoceramika .ms-topbar{border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.ms-fotoceramika .ms-mobile-menu nav{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.ms-fotoceramika .ms-main-nav a,body.ms-fotoceramika .ms-header-btn{font-size:13px}
body.ms-fotoceramika .ms-footer,body.ms-fotoceramika .ms-contact-footer,body.ms-fotoceramika .ms-contact-footer-links{border-top:0!important}
body.ms-fotoceramika .ms-contact-footer-links a,body.ms-fotoceramika .ms-contact-footer-links span,body.ms-fotoceramika .ms-contact-footer-links button{font-size:13px}
body.ms-fotoceramika .ms-contact-footer .ms-btn{box-shadow:none}

@media(max-width:560px){body.ms-fotoceramika .ms-contact-footer{padding-left:20px!important;padding-right:20px!important}}
body.ms-fotoceramika .ms-script{font-family:"Cormorant Garamond",Georgia,serif;font-style:normal;font-weight:600}
@media(max-width:700px){
  .fc-material-grid{grid-template-columns:1fr!important;gap:22px}
  .fc-material{display:grid!important;grid-template-columns:42% 1fr;column-gap:16px;align-items:start}
  .fc-material img{aspect-ratio:1/1;height:auto}
  .fc-material-copy{padding:0}
  .fc-material-copy strong{font-size:24px}
  .fc-material-copy small{font-size:16px;margin-bottom:6px}
}
.fc-material-copy strong{font-family:var(--fc-display);font-weight:600;line-height:1.05}
body.ms-fotoceramika .ms-privacy,body.ms-fotoceramika .ms-privacy *{font-family:Inter,sans-serif}