/* Podgląd „cennik”: kalkulator, zakładki rodzajów, pasek wzornika, panel. */

/* pasek wzornika */
.gcl-cn-wz{display:flex;align-items:center;gap:.9rem;margin:0;padding:.85rem 1.1rem;border:1px solid #e0e0e0;border-radius:.75rem;background:#fff;color:#333;text-decoration:none;font-size:.875rem;line-height:1.45;transition:border-color .15s}
.gcl-cn-wz:hover{border-color:#333}
.gcl-cn-wz__ico{flex:0 0 auto;display:flex;color:#e3335a}
.gcl-cn-wz__txt{flex:1 1 auto;color:#555}
.gcl-cn-wz__txt strong{color:#333}
.gcl-cn-wz__go{flex:0 0 auto;font-weight:600;color:#e3335a;white-space:nowrap}
@media (max-width:639px){.gcl-cn-wz{flex-wrap:wrap}.gcl-cn-wz__go{width:100%;padding-left:2.2rem}}

/* pasek zakładek */
.gcl-cn-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem;margin:2.5rem 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid #e0e0e0}
.gcl-cn-bar__tabs{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;max-width:100%;-webkit-overflow-scrolling:touch}
.gcl-cn-bar__tabs::-webkit-scrollbar{display:none}
.gcl-cn-tab{flex:0 0 auto;padding:.6rem 1.15rem;border:1px solid #d6d6d6;border-radius:9999px;background:#fff;color:#333;font-size:.875rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.gcl-cn-tab:hover{border-color:#333}
.gcl-cn-tab.is-on{background:#333;border-color:#333;color:#fff}
.gcl-cn-tab[hidden]{display:none}
.gcl-cn-bar__extra{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;align-items:center}
.gcl-cn-link{padding:0;border:0;background:none;color:#333;font:inherit;font-size:.875rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.gcl-cn-link:hover{color:#e3335a}
.gcl-cn-link--calc{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.15rem;border-radius:9999px;background:#e3335a;color:#fff;text-decoration:none}
.gcl-cn-link--calc:hover{background:#555;color:#fff}
@media (max-width:639px){.gcl-cn-bar{margin-top:2rem}.gcl-cn-bar__extra{width:100%}}

/* bez JS wszystkie sekcje widoczne; z JS – tylko wybrana zakładka */
.gcl-cn-js .gcl-cn-pane[hidden]{display:none}
.gcl-cn-anchor{position:relative;top:-110px}
.gcl-cn-note{margin:-2rem 0 4rem;font-size:.8125rem;color:#777}

/* porównanie rozwijane (Papiery) */
.gcl-cn-compare{margin:-2.5rem 0 4rem}
.gcl-cn-compare>summary{display:block;list-style:none;cursor:pointer}
.gcl-cn-compare>summary::-webkit-details-marker{display:none}
.gcl-cn-compare>summary span{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.2rem;border:1px solid #d6d6d6;border-radius:9999px;font-size:.875rem;font-weight:600;color:#333;background:#fff}
.gcl-cn-compare>summary span::after{content:"";width:.45rem;height:.45rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.gcl-cn-compare[open]>summary span::after{transform:rotate(225deg) translateY(-2px)}
.gcl-cn-compare>summary:hover span{border-color:#333}
.gcl-cn-compare[open]>summary{margin-bottom:1.5rem}

/* przycisk przy kafelku papieru */
.gcl-cn-cta-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.gcl-cn-price-btn{display:inline-flex;align-items:center;padding:.75rem 1.25rem;border:1px solid #333;border-radius:9999px;background:#fff;color:#333;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}
.gcl-cn-price-btn:hover{background:#333;color:#fff}

/* kalkulator */
.gcl-cn-calc-wrap{margin-top:1.5rem}
.gcl-calc{border-radius:1rem;background:#f4f4f4;padding:1.75rem;color:#333}
.gcl-calc__title{margin:0 0 .35rem;font-size:1.375rem;font-weight:700;line-height:1.3}
.gcl-calc__lead{margin:0 0 1.25rem;font-size:.875rem;color:#555;line-height:1.5}
.gcl-calc__body{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.25rem}
.gcl-calc__form{display:grid;gap:1rem;align-content:start}
.gcl-calc__cats{display:flex;flex-wrap:wrap;gap:.4rem}
.gcl-calc__cat{padding:.5rem .95rem;border:1px solid #d6d6d6;border-radius:9999px;background:#fff;color:#333;font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}
.gcl-calc__cat:hover{border-color:#333}
.gcl-calc__cat.is-on{background:#333;border-color:#333;color:#fff}
.gcl-calc__field{display:grid;gap:.3rem;min-width:0}
.gcl-calc__field>span{font-size:.75rem;font-weight:600;color:#555}
.gcl-calc__field select,.gcl-calc__field input{width:100%;box-sizing:border-box;height:2.75rem;padding:0 .8rem;border:1px solid #d6d6d6;border-radius:.5rem;background:#fff;color:#333;font:inherit;font-size:.9375rem}
.gcl-calc__field select:focus,.gcl-calc__field input:focus{outline:2px solid #333;outline-offset:0;border-color:#333}
.gcl-calc__row{display:grid;grid-template-columns:1fr auto 1fr 6.5rem;gap:.6rem;align-items:end}
.gcl-calc__x{padding-bottom:.7rem;color:#777}
.gcl-calc__presets{display:flex;flex-wrap:wrap;gap:.35rem}
.gcl-calc__preset{padding:.3rem .65rem;border:1px solid #e0e0e0;border-radius:9999px;background:#fff;color:#555;font:inherit;font-size:.75rem;cursor:pointer}
.gcl-calc__preset:hover{border-color:#333;color:#333}
.gcl-calc__result{display:flex;flex-direction:column;gap:.55rem;padding:1.25rem;border-radius:.75rem;background:#fff;transition:opacity .15s}
.gcl-calc.is-loading .gcl-calc__result strong{opacity:.45}
.gcl-calc__line{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.875rem;color:#555}
.gcl-calc__line strong{font-size:1rem;color:#333}
.gcl-calc__line[hidden]{display:none}
.gcl-calc__line--disc strong{color:#e3335a}
.gcl-calc__line--total{padding-top:.6rem;border-top:1px solid #eee}
.gcl-calc__line--total span{font-weight:600;color:#333}
.gcl-calc__line--total strong{font-size:1.5rem}
.gcl-calc__hint{margin:0;font-size:.8125rem;color:#555}
.gcl-calc__msg{margin:0;padding:.6rem .75rem;border-radius:.5rem;background:#fdecef;color:#b3173a;font-size:.8125rem;font-weight:600;line-height:1.4}
.gcl-calc__hint[hidden],.gcl-calc__msg[hidden]{display:none}
.gcl-calc__cta{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;margin-top:.35rem;padding:.8rem 1.25rem;border-radius:9999px;background:#e3335a;color:#fff;font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .15s}
.gcl-calc__cta:hover{background:#555;color:#fff}
.gcl-calc__note{margin:0;font-size:.75rem;line-height:1.45;color:#777}
@media (max-width:899px){.gcl-calc__body{grid-template-columns:1fr}}
@media (max-width:639px){
  .gcl-calc{padding:1.25rem}
  .gcl-calc__row{grid-template-columns:1fr auto 1fr}
  .gcl-calc__field--qty{grid-column:1/-1}
}

/* panel z boku (Papiery) */
.gcl-calc-panel{position:fixed;inset:0;z-index:100000}
.gcl-calc-panel[hidden]{display:none}
.gcl-calc-panel__overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .2s}
.gcl-calc-panel__box{position:absolute;top:0;right:0;bottom:0;width:min(30rem,100%);overflow-y:auto;background:#f4f4f4;box-shadow:-8px 0 24px rgba(0,0,0,.12);transform:translateX(100%);transition:transform .2s ease-out}
.gcl-calc-panel.is-open .gcl-calc-panel__overlay{opacity:1}
.gcl-calc-panel.is-open .gcl-calc-panel__box{transform:none}
.gcl-calc-panel__close{position:absolute;top:.75rem;right:.75rem;z-index:1;width:2.5rem;height:2.5rem;border:0;border-radius:9999px;background:#fff;color:#333;font-size:1.5rem;line-height:1;cursor:pointer}
.gcl-calc-panel .gcl-calc{border-radius:0;padding:1.5rem 1.25rem 2rem}
.gcl-calc-panel .gcl-calc__title{padding-right:3rem}
.gcl-calc-panel .gcl-calc__body{grid-template-columns:1fr}
.gcl-calc-panel .gcl-calc__row{grid-template-columns:1fr auto 1fr}
.gcl-calc-panel .gcl-calc__field--qty{grid-column:1/-1}
html.gcl-calc-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){.gcl-calc-panel__box,.gcl-calc-panel__overlay{transition:none}}

/* mniej pustego miejsca pod wstępem strony (plik ładowany tylko na Cenniku i Papierach w podglądzie) */
.subpage-intro{margin-bottom:1.5rem!important}
.gcl-cn-bar{margin-top:1.75rem}

/* filtr zastosowania (Papiery) */
.gcl-cn-use{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:-.5rem 0 1.75rem}
.gcl-cn-use__lbl{margin-right:.35rem;font-size:.8125rem;font-weight:600;color:#555}
.gcl-cn-use__btn{padding:.4rem .85rem;border:1px solid #e0e0e0;border-radius:9999px;background:#fff;color:#555;font:inherit;font-size:.8125rem;cursor:pointer}
.gcl-cn-use__btn:hover{border-color:#333;color:#333}
.gcl-cn-use__btn.is-on{border-color:#e3335a;background:#fdecef;color:#b3173a;font-weight:600}
.gcl-cn-use__empty{margin:0 0 2rem;font-size:.875rem;color:#555}
.gcl-cn-use__empty[hidden],.gcl-cn-js .gcl-cn-pane.gcl-cn-pane--empty{display:none}

/* zakładki z grupami (Papiery): Papier ▸ klasy │ Płótno ▸ klasy */
.gcl-cn-bar--grouped .gcl-cn-bar__tabs{align-items:center;gap:.35rem}
.gcl-cn-tab--group{border-color:transparent;background:none;padding-left:.55rem;padding-right:.35rem;font-weight:700}
.gcl-cn-tab--group::after{content:"▸";margin-left:.35rem;color:#999;font-weight:400}
.gcl-cn-tab--group:hover{border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.gcl-cn-tab--group.is-on{background:#333;border-color:#333;color:#fff}
.gcl-cn-tab--group.is-on::after{color:#bbb}
.gcl-cn-tab--group.is-in{color:#e3335a}
.gcl-cn-tab--sub{padding:.5rem .95rem;font-weight:500}
.gcl-cn-bar__sep{flex:0 0 auto;width:1px;height:1.5rem;margin:0 .4rem;background:#ddd}

/* iOS: pola < 16px powodują auto-powiększenie strony */
@media (max-width:767px){.gcl-calc input:not([type=radio]):not([type=checkbox]):not([type=range]),.gcl-calc select,.gcl-calc-panel input:not([type=radio]):not([type=checkbox]):not([type=range]),.gcl-calc-panel select{font-size:16px}}