/* PAGE — kolumna main na 100%; nagłówki, opis, listy podstron itd. na max var(--layout-max) */
#page{position:relative;margin:0 auto 30px;padding:0;text-align:left;width:100%;max-width:none;}
#page:after{content:"";display:table;clear:both;}

/* Treść (w tym .product-layout): max --layout-max; wyjątki: galerie/slidery obrazów bezpośrednio w #page (pełna szerokość kolumny) */
#page > *:not(ul[class^="images-"]):not(div[class^="images-slider"]):not(div[class^="images-"]){
  max-width:var(--layout-max);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--layout-pad-x);
  padding-right:var(--layout-pad-x);
  box-sizing:border-box;
  width:100%;
}
#page > ul[class^="images-"],
#page > div[class^="images-slider"],
#page > div[class^="images-"]{
  max-width:none;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
  width:100%;
}
#page h1, .heading-1{margin:.8em 0 .4em;color:var(--color-secondary);font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:600;letter-spacing:-0.03em;line-height:1.1;}
#page .msg.error h1, #page .msg.error .heading-1{margin-top:.4em;color:#fff;}
#page .msg.error.panel h1{margin:0;font-size:1rem;}

body.home #page h1{display:none;}

/* PAGE - BREADCRUMB (navigation path) */
.breadcrumb{
  margin-bottom:1em;
  padding-bottom:0.75rem;
  border-bottom:1px solid var(--color-divider);
  text-align:left;
}
.breadcrumb ol{list-style:none;}
.breadcrumb li{display:inline-block;}
.breadcrumb li:not(:first-child)::before{content:"\203A";display:inline-block;padding:0 .5em;color:var(--color-secondary-light);font-weight:bold;}
.breadcrumb a{color:var(--color-secondary-light);}
.breadcrumb a:hover{color:var(--color-link);}

/* PAGE CONTENT */
#page div.content{padding-top:1em;line-height:1.5em;}
#page div.content > ul, #page div.content > ol{padding:0 0 0 2em;}
/* #page div.content > ul:after, #page div.content > ol:after{content:"";display:table;clear:both;} */ /* Uncomment if necessary */
#page div.content > ul li, #page div.content > ol li{margin:.5em 0;padding:0;}
#page div.content > h2, #page div.content > h3{font-size:1.5rem;line-height:2em;font-weight:normal;}
#page div.content > h3{font-size:1.25rem;}
#page div.content > p{padding-bottom:1em;}

#page > time{color:#6e6e6e;}
@media screen and (min-width:960px){
  #page > time{position:absolute;top:2.5rem;right:0;}
}


/* PAGES FEATURES */
.features{width:100%;margin:1rem 0;border-collapse:collapse;border:1px solid var(--color-divider);font-size:1em;}
.features caption{padding:10px 12px;background:var(--color-white);color:var(--color-secondary);border:1px solid var(--color-divider);border-radius:var(--radius-sm) var(--radius-sm) 0 0;text-align:center;font-weight:600;}
.features tbody tr > *{padding:6px 9px;background:#fff;font-weight:normal;text-align:left;}
.features tbody tr:nth-child(even) > *{background:#fafafa;}
body.is-product .features tbody tr > *,
body.is-product .features tbody tr:nth-child(even) > *{background:#fff;}
body.is-product .features tbody td{color:var(--color-secondary);}

/* TAGS */
ul.tags{clear:both;display:flex;flex-wrap:wrap;align-items:center;padding:1rem 0;list-style:none;}
.tags li{display:inline-block;}
.tags a{display:inline-flex;margin:2px 5px;padding:2px 8px;border:1px solid var(--color-divider);}
.tags a:hover{color:var(--color-primary);border-color:var(--color-primary);}
.tags li.head a{margin:0;padding-left:0;border:0;}
.tags .icon{width:.875rem;fill:var(--color-primary);margin-right:.75em;}


/* COMMENTS */
#comments{clear:both;padding:1.5rem 0;border-top:5px solid var(--color-divider);}
#comments h2{padding-bottom:1rem;color:var(--color-secondary);font-size:1.375rem;font-weight:600;border-bottom:1px solid var(--color-divider);}
#comments article{width:100%;margin:1rem 0;padding-bottom:1rem;border-bottom:1px solid #eff0f3;}
#comments header{margin-bottom:.5rem;}
#comments h3{display:inline-block;font-size:1rem;color:var(--color-primary);}
#comments time{float:right;color:#888;font-size:0.875rem;}
#comments p{font-size:0.875rem;line-height:1.5em;}
#comments .msg{margin:2rem 0 3rem;}
@media screen and (max-width:1023px){
  #comments .msg{background-image:none;}
}
#comments-form legend{padding-bottom:1.5rem;font-size:1.25rem;color:var(--color-secondary);font-weight:600;}
.comments-count{display:block;padding:0.3em 0;color:#6e6e6e;}


/* PAGE MODIFICATION DATE AND AUTHOR */ 
.modify-info{clear:both;padding-top:10px;list-style:none;font-size:0.875em;}
.modify-info li{padding:5px 0;}
.modify-info .value{font-weight:bold;}


/* ASK ABOUT LINK - redirects to contact panel */
#ask-about-link a{display:inline-flex;margin:.8em 0;color:var(--color-primary);font-weight:500;}
#ask-about-link .icon{fill:var(--color-primary);margin-right:.5em;}
#ask-about-link a:hover{color:var(--color-dark);}
#ask-about-link a:hover .icon{fill:var(--color-dark);}