/*
 * Live-lifted rules from WordPress's inline <style> blocks ("additional
 * CSS" + customizer output), vendored verbatim because they are
 * load-bearing and exist NOWHERE in the theme's style.css. Discovered the
 * hard way, twice: #scrollUp's block (already vendored as scroll-up.css)
 * and the catalogue block below, whose flex reordering changes which
 * section renders first on every category page. Each block notes the live
 * pages that carry it. Rules for markup this port never emits
 * (.current-menu-item, .site-title, wp-block presets, emoji) are left
 * behind deliberately -- vendoring selectors that can never match is dead
 * code pretending to be fidelity.
 *
 * Loaded from base.html after style.css, matching live's cascade order
 * (WordPress prints these blocks after the theme stylesheet).
 */

/* All pages: the theme's skip-link focus styling. */
.skip-link:focus {
  top: 10px;
  background-color: #f8f8f8;
  color: #000;
  padding: 10px;
}

/* Home: slick slider images keep natural width. */
.slick-slide img{
	width: auto;
}

/* Privacy policy page: the whole page's spacing -- without the 150px
 * padding-top the content starts underneath the absolute-positioned
 * header. */
.privacy_policy_page{
	padding-top: 150px;
    margin-bottom: 50px;
}
.privacy_policy_page h1{
	font-size: 31px;
	margin-bottom: 25px;
}
.privacy_policy_page p{
	margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
}
.privacy_policy_page h2{
	font-size: 24px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.privacy_policy_page a{
	color: #000;
    font-weight: 600;
}

/* Category pages (catalog + products-catalogue): the content_holder is a
 * flex column whose VISUAL order differs from DOM order -- catalog-main
 * and catalog-top render first, tiles third, other-categories fourth. */
.content_holder{
	display: flex;
    flex-direction: column;
}
.catalog{
	order: 3;
}
.catalog-other{
	order: 4;
}
.catalog-item-name h2{
	font-size: 22px;
}
@media screen and (max-width: 1023px){
	.catalog-item-name h2{
        font-size: 19px;
    }
}

/* Product pages: related-slider tile headings. */
.catalog-item-name h3{
	font-size: 19px;
}

/* Blog posts (single-product template, slice 5). */
.post-template-single-product .prod_main_context h1 {
	font-size:30px;
	line-height:1.5;
}

/* Blog index (page-template-page-blog): live ships these unscoped in the
 * page's own inline block; scoped here via the body template class so the
 * catalogue pages' .catalog padding and tile h2 sizes stay untouched. */
.page-template-page-blog .catalog-item-name h2{
	font-size: 26px;
}
.page-template-page-blog .catalog{
	padding-top: 0;
}
.page-template-page-blog #breadcrumbs{
	margin-top: 30px;
}
@media screen and (max-width: 1023px){
	.page-template-page-blog .catalog-item-name h2{
        font-size: 19px;
    }
}