/* Category block: two wide cards, three below; one quiet ground, the prints carry it. */
.printiq-families { display: grid; grid-template-columns: repeat(12, 1fr); gap: 30px; }
.printiq-family { grid-column: span 4; display: block; color: inherit; }
.printiq-family--7 { grid-column: span 7; }
.printiq-family--5 { grid-column: span 5; }
.printiq-family__media { display: block; overflow: hidden; background: #f2e7e1; }
/* Fixed media heights per row so the captions of a row sit on one line. */
.printiq-family__media img { display: block; width: 100%; height: 320px; object-fit: cover; transition: transform .6s cubic-bezier(.2, .6, .2, 1); }
.printiq-family--7 .printiq-family__media img,
.printiq-family--5 .printiq-family__media img { height: 460px; }
.printiq-family:hover .printiq-family__media img { transform: scale(1.04); }
.printiq-family__body { display: block; padding: 18px 2px 0; }
.printiq-family__name { display: block; font-size: 20px; line-height: 1.3; color: #1a1a1a; }
.printiq-family__line { display: block; margin-top: 4px; color: #7c7c7c; font-size: 14px; }
.printiq-family__count { display: inline-block; margin-top: 10px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #1a1a1a; border-bottom: 1px solid #1a1a1a; padding-bottom: 2px; }
.printiq-family:hover .printiq-family__count { color: #6d6d6d; border-color: #6d6d6d; }

@media (max-width: 991px) {
	.printiq-families { gap: 22px; }
	.printiq-family, .printiq-family--7, .printiq-family--5 { grid-column: span 6; }
	.printiq-family__media img,
	.printiq-family--7 .printiq-family__media img,
	.printiq-family--5 .printiq-family__media img { height: 300px; }
}
@media (max-width: 575px) {
	.printiq-family, .printiq-family--7, .printiq-family--5 { grid-column: span 12; }
	.printiq-family__media img,
	.printiq-family--7 .printiq-family__media img,
	.printiq-family--5 .printiq-family__media img { height: 260px; }
}

/* Occasion chips under the hero. */
.printiq-chips { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; margin: 0; font-size: 13px; letter-spacing: .04em; color: #8c8c8c; }
.printiq-chips a { padding: 8px 18px; border: 1px solid #ddd8d2; border-radius: 999px; color: #1a1a1a; font-size: 14px; letter-spacing: 0; }
.printiq-chips a:hover { background: #1a1a1a; border-color: #1a1a1a; color: #fff; }

/* PrintIQ – live preview block on the home page ([printiq_home_preview]). */
.printiq-home {
	display: grid;
	grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
	gap: 56px;
	align-items: center;
	max-width: 1100px;
	margin: 0 auto;
}
.printiq-home__title { margin: 0 0 12px; }
.printiq-home__lead { margin: 0 0 28px; color: #6d6d6d; }
.printiq-home__field { display: block; margin-bottom: 16px; font-size: 13px; letter-spacing: .04em; color: #6d6d6d; }
.printiq-home__field input,
.printiq-home__field select {
	display: block;
	width: 100%;
	margin-top: 6px;
	padding: 12px 14px;
	border: 1px solid #ddd8d2;
	border-radius: 2px;
	background: #fff;
	font-size: 15px;
	color: #1a1a1a;
}
.printiq-home__field input:focus,
.printiq-home__field select:focus { outline: 2px solid #1a1a1a; outline-offset: -2px; }
.printiq-home__shapes { display: flex; gap: 8px; margin: 4px 0 26px; }
.printiq-home__shapes button {
	flex: 1;
	padding: 10px 6px;
	border: 1px solid #ddd8d2;
	background: #fff;
	border-radius: 2px;
	font-size: 13px;
	color: #1a1a1a;
	cursor: pointer;
}
.printiq-home__shapes button.is-active { background: #1a1a1a; border-color: #1a1a1a; color: #fff; }
.printiq-home__cta {
	display: inline-block;
	padding: 15px 34px;
	background: #1a1a1a;
	color: #fff;
	font-size: 14px;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.printiq-home__cta:hover { background: #333; color: #fff; }
.printiq-home__note { margin: 14px 0 0; font-size: 13px; color: #8c8c8c; }
.printiq-home__preview {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 420px;
	padding: 28px;
	background: #fff;
	box-shadow: 0 18px 50px rgba(0, 0, 0, .09);
}
.printiq-home__preview svg { display: block; width: auto; max-width: 100%; height: auto; max-height: 620px; }
.printiq-home__placeholder { color: #9a9a9a; font-size: 14px; }

@media (max-width: 991px) {
	.printiq-home { grid-template-columns: 1fr; gap: 32px; }
	.printiq-home__preview { min-height: 320px; padding: 18px; order: -1; }
	.printiq-home__preview svg { max-height: 460px; }
}

/* Quality section: the photographed print zooms a little on hover (its ground equals the row, so the clip is invisible). */
.printiq-macro .vc_single_image-wrapper { display: block; overflow: hidden; }
.printiq-macro .vc_single_image-wrapper img { display: block; width: 100%; transition: transform 1.2s cubic-bezier(.2, .6, .2, 1); }
.printiq-macro .vc_single_image-wrapper:hover img { transform: scale(1.08); }

/* Category pages: beige band under the theme header (full-bleed), steps under the grid. */
.printiq-cat { width: 100vw; margin: 0 0 56px calc(50% - 50vw); background: #f2e7e1; }
.printiq-cat__inner { display: grid; grid-template-columns: 7fr 5fr; align-items: center; max-width: 1290px; margin: 0 auto; }
.printiq-cat__media img { display: block; width: 100%; height: auto; }
.printiq-cat__body { padding: 48px 8% 48px 6%; }
.printiq-cat__eyebrow { margin: 0 0 12px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: #6d6d6d; }
.printiq-cat__title { margin: 0 0 16px; font-size: 32px; line-height: 1.2; }
.printiq-cat__lead { margin: 0 0 22px; color: #4a4a4a; }
.printiq-chips--left { justify-content: flex-start; }
.printiq-chips--left a { background: #fff; }
.printiq-cat__note { margin: 20px 0 0; font-size: 13px; color: #6d6d6d; }
.printiq-steps { max-width: 1100px; margin: 80px auto 20px; padding: 0 20px; text-align: center; }
.printiq-steps__title { margin: 0 0 40px; }
.printiq-steps__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; text-align: left; }
.printiq-steps__n { display: block; font-size: 40px; font-weight: 300; line-height: 1; margin-bottom: 12px; }
.printiq-steps__grid h4 { margin: 0 0 8px; }
.printiq-steps__grid p { margin: 0; color: #6d6d6d; }
.printiq-steps__more { margin: 36px 0 0; }
.printiq-steps__more a { border-bottom: 1px solid #1a1a1a; }
@media (max-width: 991px) {
	.printiq-cat__inner { grid-template-columns: 1fr; }
	.printiq-cat__body { padding: 28px 24px 40px; }
	.printiq-cat__title { font-size: 26px; }
	.printiq-steps__grid { grid-template-columns: 1fr; gap: 24px; }
}

/* Wide screens: full-bleed bands keep their background edge to edge, but the content is capped and centred,
   so on QHD / 4K the image and the text stay together instead of drifting to the two ends of the screen. */
.printiq-band { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.printiq-band > .wpb_column { float: none; }
.printiq-band > .vc_col-sm-7 { max-width: 1050px; }
.printiq-band > .vc_col-sm-5 { max-width: 750px; }
.printiq-band img { width: 100%; height: auto; }
.printiq-families-row { padding-left: 30px; padding-right: 30px; }
.printiq-families-row > .wpb_column { float: none; max-width: 1600px; margin: 0 auto; }
.printiq-cat__inner { max-width: 1600px; }
/* Tablet and phone: a band stacks (image, then text) – side by side the text column would be ~260 px wide. */
@media (max-width: 991px) {
	.printiq-band > .wpb_column { flex: 0 0 100%; width: 100%; max-width: 100%; }
	.printiq-band > .wpb_column > .vc_column-inner { padding: 36px 24px 44px !important; }
	.printiq-hero > .vc_col-sm-5 { order: 1; }
	.printiq-hero > .vc_col-sm-7 { order: 2; }
	.printiq-hero > .wpb_column > .vc_column-inner { padding-bottom: 0 !important; }
	.printiq-families-row { padding-left: 24px; padding-right: 24px; }
}
@media (max-width: 767px) {
	.printiq-hero h1 { font-size: 40px; line-height: 1.15; }
	.printiq-band h2 { font-size: 28px; }
}

/* Product page (PrintIQ_Product_Page): the summary sells, the configurator has its own heading,
   "O tomto printe" and the quality band follow. */
.printiq-lead { margin: 0 0 22px; font-size: 17px; line-height: 1.6; color: #4a4a4a; }
.single-product .summary .price .printiq-from { font-size: .6em; font-weight: 400; color: #6d6d6d; margin-right: 2px; }
.single-product .summary .price .printiq-price-note { display: block; font-size: 13px; font-weight: 400; color: #8c8c8c; letter-spacing: 0; margin-top: 2px; }
.printiq-facts { margin: 26px 0 28px; padding: 0; border-top: 1px solid #e5e1dc; }
.printiq-facts > div { display: grid; grid-template-columns: 110px 1fr; gap: 16px; padding: 11px 0; border-bottom: 1px solid #e5e1dc; font-size: 14px; line-height: 1.5; }
.printiq-facts dt { margin: 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8c8c8c; padding-top: 3px; }
.printiq-facts dd { margin: 0; color: #1a1a1a; }
.printiq-btn { display: inline-block; padding: 16px 38px; background: #1a1a1a; color: #fff; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; line-height: 1.3; transition: background .2s; }
.printiq-btn:hover, .printiq-btn:focus { background: #3e423e; color: #fff; }
.printiq-btn--go { width: 100%; text-align: center; }
.printiq-summary-note { margin: 12px 0 28px; font-size: 13px; color: #8c8c8c; }
.single-product .summary .product-share, .single-product .summary .product_meta { font-size: 12px; }

.printiq-make { clear: both; max-width: 720px; margin: 72px auto 28px; text-align: center; scroll-margin-top: 90px; }
.printiq-make__title { margin: 0 0 14px; font-size: 34px; line-height: 1.2; }
.printiq-make__lead { margin: 0; color: #6d6d6d; font-size: 16px; }
body.printiq-product .printiq-configurator { margin-top: 0; }

.printiq-about { display: grid; grid-template-columns: 7fr 5fr; gap: 64px; align-items: start; max-width: 1100px; margin: 72px auto 0; padding: 0 20px; }
.printiq-about__title { margin: 0 0 16px; font-size: 32px; line-height: 1.2; }
.printiq-about__text p { color: #4a4a4a; font-size: 16px; line-height: 1.7; }
.printiq-about__facts { margin: 8px 0 0; padding: 0; border-top: 1px solid #1a1a1a; }
.printiq-about__facts > div { display: grid; grid-template-columns: 30px 1fr; column-gap: 16px; padding: 18px 0; border-bottom: 1px solid #e5e1dc; }
.printiq-about__icon { grid-row: span 2; width: 26px; height: 26px; color: #1a1a1a; }
.printiq-about__icon svg { width: 26px; height: 26px; display: block; }
.printiq-about__facts dt { grid-column: 2; margin: 0 0 4px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8c8c8c; }
.printiq-about__facts dd { grid-column: 2; margin: 0; color: #1a1a1a; font-size: 15px; line-height: 1.55; }
.printiq-about__for { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 22px 0 0 !important; }
.printiq-about__for span { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: #8c8c8c; margin-right: 4px; }
.printiq-about__for em { font-style: normal; padding: 6px 14px; border: 1px solid #ddd8d2; border-radius: 999px; font-size: 13px; color: #1a1a1a; }
.printiq-cat--quality { margin: 72px 0 0 calc(50% - 50vw); }
.printiq-cat--quality .printiq-cat__inner { grid-template-columns: 7fr 5fr; }
.printiq-cat--quality .printiq-cat__media { overflow: hidden; }
.printiq-cat__list { margin: 0; padding-left: 18px; color: #4a4a4a; line-height: 1.8; }
body.printiq-product .printiq-steps { margin-top: 72px; }

@media (prefers-reduced-motion: no-preference) { html:has(body.printiq-product) { scroll-behavior: smooth; } }
@media (max-width: 991px) {
	.printiq-about { grid-template-columns: 1fr; gap: 32px; margin-top: 56px; }
	.printiq-make { margin-top: 56px; }
	.printiq-make__title, .printiq-about__title { font-size: 28px; }
	.printiq-cat--quality .printiq-cat__inner { grid-template-columns: 1fr; }
}
@media (max-width: 575px) {
	.printiq-facts > div { grid-template-columns: 1fr; gap: 2px; }
}

/* Info pages built by setup-printiq-site.php: Časté otázky (groups of <details>) and Kontakt (three flat cards). */
.printiq-page { max-width: 820px; margin: 0 auto; }
.printiq-page__lead { margin: 0 0 40px; font-size: 18px; line-height: 1.6; color: #4a4a4a; text-align: center; }
.printiq-page__lead a, .printiq-page__note a { border-bottom: 1px solid #1a1a1a; }
.printiq-faq__group { margin: 44px 0 6px; font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #8c8c8c; }
.printiq-faq__item { border-bottom: 1px solid #e5e1dc; }
.printiq-faq__group + .printiq-faq__item { border-top: 1px solid #e5e1dc; }
.printiq-faq__item summary { position: relative; padding: 18px 44px 18px 0; font-size: 18px; line-height: 1.4; color: #1a1a1a; cursor: pointer; list-style: none; }
.printiq-faq__item summary::-webkit-details-marker { display: none; }
.printiq-faq__item summary::after { content: '+'; position: absolute; right: 6px; top: 14px; font-size: 26px; font-weight: 300; line-height: 1; color: #8c8c8c; }
.printiq-faq__item[open] summary::after { content: '–'; }
.printiq-faq__item > div { padding: 0 44px 20px 0; color: #4a4a4a; line-height: 1.7; }
.printiq-faq__item > div p { margin: 0 0 10px; }
.printiq-faq__item > div a { border-bottom: 1px solid #1a1a1a; }
.printiq-page__cta { margin: 56px 0 0; text-align: center; }
.printiq-page__note { margin: 40px 0 0; text-align: center; color: #6d6d6d; }
.printiq-contact { max-width: 1000px; }
.printiq-contact__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.printiq-contact__card { padding: 32px 28px 24px; background: #f2e7e1; }
.printiq-contact__card p { margin: 0 0 10px; color: #4a4a4a; line-height: 1.6; }
.printiq-contact__card .printiq-cat__eyebrow { margin-bottom: 14px; }
.printiq-contact__big { margin: 0 0 12px; font-size: 24px; line-height: 1.3; color: #1a1a1a; }
.printiq-contact__big a { color: inherit; border-bottom: 1px solid #1a1a1a; }
@media (max-width: 767px) {
	.printiq-contact__grid { grid-template-columns: 1fr; }
	.printiq-page__lead { margin-bottom: 28px; font-size: 16px; }
	.printiq-faq__item summary { font-size: 16px; }
}
.printiq-shipping { max-width: 1000px; }
.printiq-shipping__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-bottom: 16px; }
.printiq-shipping > p { max-width: 820px; color: #4a4a4a; line-height: 1.7; }
.printiq-shipping .printiq-faq__group { margin-top: 36px; }
@media (max-width: 767px) { .printiq-shipping__grid { grid-template-columns: 1fr; } }

/* Check step in the cart ("tlačíme presne toto") and the cancellation page / notes. */
.printiq-check { margin: 0 0 48px; }
.printiq-check__title { margin: 0 0 10px; font-size: 30px; line-height: 1.2; }
.printiq-check__lead { margin: 0 0 28px; max-width: 760px; color: #4a4a4a; line-height: 1.6; }
.printiq-check__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(420px, 1fr)); gap: 24px; }
.printiq-check__item { display: grid; grid-template-columns: 200px 1fr; gap: 24px; padding: 24px; background: #f2e7e1; }
.printiq-check__media img { display: block; width: 100%; height: auto; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }
.printiq-check__body h3 { margin: 0 0 12px; font-size: 20px; }
.printiq-check__body dl { margin: 0 0 14px; }
.printiq-check__body dl > div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; padding: 5px 0; border-bottom: 1px solid rgba(0, 0, 0, .06); font-size: 14px; }
.printiq-check__body dt { margin: 0; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #8c8c8c; padding-top: 3px; }
.printiq-check__body dd { margin: 0; color: #1a1a1a; }
.printiq-check__edit { border-bottom: 1px solid #1a1a1a; font-size: 14px; }
.printiq-checked { margin: 18px 0 0; }
.printiq-checked label { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; }
.printiq-checked input { margin-top: 4px; }
.printiq-cancel-note { margin: 0 0 32px; padding: 18px 22px; background: #f2e7e1; }
.printiq-cancel-note p { margin: 0; line-height: 1.6; }
.printiq-cancel-note a { border-bottom: 1px solid #1a1a1a; }
.printiq-cancel { padding: 72px 20px 96px; text-align: center; }
.printiq-cancel__title { margin: 0 0 20px; font-size: 40px; }
.printiq-cancel__form { margin: 0; }
.printiq-cancel__back { margin-left: 18px; border-bottom: 1px solid #1a1a1a; }
.printiq-cancel .printiq-btn { border: 0; cursor: pointer; }
@media (max-width: 767px) {
	.printiq-check__grid { grid-template-columns: 1fr; }
	.printiq-check__item { grid-template-columns: 1fr; padding: 18px; }
	.printiq-check__media { max-width: 220px; }
	.printiq-check__title { font-size: 26px; }
	.printiq-cancel__title { font-size: 30px; }
}

/* Legal pages (pages-legal.php): readable column, numbered articles. */
.printiq-legal { max-width: 820px; }
.printiq-legal .printiq-page__lead { text-align: left; }
.printiq-legal h2 { margin: 44px 0 14px; font-size: 22px; line-height: 1.3; }
.printiq-legal h3 { margin: 22px 0 8px; font-size: 16px; }
.printiq-legal p, .printiq-legal li { color: #4a4a4a; line-height: 1.7; }
.printiq-legal ol, .printiq-legal ul { padding-left: 22px; margin: 0 0 12px; }
.printiq-legal li { margin-bottom: 8px; }
.printiq-legal a { border-bottom: 1px solid #1a1a1a; }

/* Môj účet (PrintIQ_Account): quieter navigation, prints as cards, three-step timeline. */
.woocommerce-MyAccount-navigation li { margin-bottom: 16px; }
.woocommerce-MyAccount-navigation a { font-size: 15px; letter-spacing: .02em; }
.printiq-acc-hello { margin: 0 0 28px; font-size: 24px; }
.woocommerce-MyAccount-content .printiq-acc-h, .printiq-acc-h { margin: 36px 0 12px; font-size: 20px; }
.printiq-acc-h:first-child { margin-top: 0; }
.printiq-acc-note, .printiq-acc-empty { margin: 0 0 18px; color: #6d6d6d; font-size: 14px; line-height: 1.6; }
.printiq-acc-status { margin: 10px 0 0; font-size: 13px; color: #1a1a1a; }
.printiq-acc-status a { border-bottom: 1px solid #1a1a1a; }
.printiq-acc-timeline { display: flex; gap: 0; margin: 14px 0 0; }
.printiq-acc-step { position: relative; flex: 1; padding: 0 12px 0 0; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #a8a8a8; }
.printiq-acc-step::before { content: ''; display: block; height: 3px; margin-bottom: 8px; background: #e5e1dc; }
.printiq-acc-step.is-done { color: #1a1a1a; }
.printiq-acc-step.is-done::before { background: #1a1a1a; }
.printiq-acc-timeline.is-dead .printiq-acc-step::before { background: #e5e1dc; }
.printiq-acc-step i { display: none; }
.printiq-acc-timeline.is-compact { max-width: 420px; }
.printiq-acc-order { display: grid; grid-template-columns: 180px 1fr; gap: 28px; padding: 24px; margin: 0 0 18px; background: #f2e7e1; }
.printiq-acc-order__media { display: flex; gap: 8px; align-items: flex-start; }
.printiq-acc-order__media img { width: 100%; max-width: 180px; height: auto; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }
.printiq-acc-order__media img + img { max-width: 60px; }
.printiq-acc-order__noimg { display: block; width: 180px; height: 240px; background: #fff; }
.woocommerce-MyAccount-content .printiq-acc-order__title, .printiq-acc-order__title { margin: 4px 0 0; font-size: 20px; line-height: 1.3; }
.printiq-acc-order__meta { margin: 14px 0 0; color: #4a4a4a; font-size: 14px; }
.printiq-acc-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; }
.facturio-invoice-link a { display: inline-block; margin: 0 0 8px; padding: 11px 22px; background: #1a1a1a; color: #fff; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; line-height: 1.3; text-decoration: none; }
.facturio-invoice-link a:hover { background: #3b3b3b; color: #fff; }
.printiq-acc-btn { display: inline-block; padding: 11px 22px; background: #1a1a1a; color: #fff; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; line-height: 1.3; }
.printiq-acc-btn:hover { background: #3e423e; color: #fff; }
.printiq-acc-btn--ghost { background: transparent; color: #1a1a1a; box-shadow: inset 0 0 0 1px #1a1a1a; }
.printiq-acc-btn--ghost:hover { background: #1a1a1a; color: #fff; }
.printiq-acc-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; }
.printiq-acc-design { background: #fff; border: 1px solid #e5e1dc; }
.printiq-acc-design__media { display: block; padding: 20px 20px 0; background: #f2e7e1; }
.printiq-acc-design__media img { display: block; width: 100%; height: auto; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }
.printiq-acc-design__body { padding: 16px 18px 18px; }
.woocommerce-MyAccount-content .printiq-acc-design__body h3, .printiq-acc-design__body h3 { margin: 0 0 6px; font-size: 17px; line-height: 1.3; }
.printiq-acc-design__line { margin: 0; font-size: 13px; color: #6d6d6d; line-height: 1.5; }
.printiq-acc-more { margin: 14px 0 0; }
.printiq-acc-more a { border-bottom: 1px solid #1a1a1a; }
.printiq-acc-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin: 40px 0 0; }
.printiq-acc-links a { display: block; padding: 18px 20px; border: 1px solid #e5e1dc; color: #1a1a1a; }
.printiq-acc-links a:hover { border-color: #1a1a1a; }
.printiq-acc-links strong { display: block; margin-bottom: 2px; }
.printiq-acc-links span { font-size: 13px; color: #6d6d6d; }
.printiq-acc-empty-card { padding: 28px; background: #f2e7e1; }
.printiq-acc-empty-card p { margin: 0 0 6px; color: #4a4a4a; }
.printiq-acc-orderhead { margin: 0 0 32px; padding: 24px; background: #f2e7e1; }
.printiq-acc-orderhead .printiq-acc-timeline { margin-top: 0; max-width: 560px; }
.printiq-acc-orderhead__media { display: flex; gap: 12px; margin-top: 18px; }
.printiq-acc-orderhead__media img { width: 120px; height: auto; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); }
.printiq-acc-intro { max-width: 640px; margin: 0 auto 36px; text-align: center; }
.printiq-acc-intro h2 { margin: 0 0 10px; font-size: 28px; }
.printiq-acc-intro p { margin: 0; color: #4a4a4a; line-height: 1.6; }
@media (max-width: 767px) {
	.printiq-acc-order { grid-template-columns: 1fr; gap: 16px; padding: 18px; }
	.printiq-acc-order__media img { max-width: 140px; }
	.printiq-acc-links { grid-template-columns: 1fr; }
	.printiq-acc-step { font-size: 10px; }
}

/* ---- Phones: tighter rhythm. Pictures sit right under (or over) their text, cards go two per row, section
   paddings drop from 90–100 px to 56 px. Row paddings come from WPBakery's inline !important rules, so the
   overrides carry the row class for specificity. ---- */
@media (max-width: 767px) {
	/* hero: the framed trio right under the button */
	.vc_row.vc_custom_1757500000001 { padding-top: 20px !important; padding-bottom: 24px !important; }
	.printiq-hero > .vc_col-sm-5 > .vc_column-inner { padding: 28px 24px 4px !important; }
	.printiq-hero > .vc_col-sm-7 > .vc_column-inner { padding: 0 24px 0 !important; }
	/* "Hotové za pár minút": number, title and text as one compact block per step */
	.vc_row.vc_column-gap-35 > .wpb_column > .vc_column-inner { padding-top: 4px !important; padding-bottom: 4px !important; }
	.vc_row.vc_column-gap-35 .wpb_text_column p[style*="font-size:44px"] { font-size: 26px !important; margin-bottom: 4px !important; }
	.vc_row.vc_column-gap-35 .wpb_text_column { margin-bottom: 10px; }
	/* WPBakery gives every picture a 35 px bottom margin – not between a picture and its own caption text */
	.printiq-band .wpb_single_image, .printiq-band .vc_single_image-wrapper { margin-bottom: 0 !important; }
	/* occasion bands: picture first, text tight under it */
	.printiq-band:not(.printiq-hero):not(.printiq-macro) > .vc_col-sm-7 { order: 1; }
	.printiq-band:not(.printiq-hero):not(.printiq-macro) > .vc_col-sm-5 { order: 2; }
	.printiq-band:not(.printiq-hero):not(.printiq-macro) > .vc_col-sm-7 > .vc_column-inner { padding: 20px 24px 0 !important; }
	.printiq-band:not(.printiq-hero):not(.printiq-macro) > .vc_col-sm-5 > .vc_column-inner { padding: 16px 24px 36px !important; }
	.printiq-band:not(.printiq-hero) .vc_column-inner > .wpb_wrapper > p[style*="margin:18px 0 28px"] { margin-bottom: 20px !important; }
	/* quality: text first, the macro photo right after it */
	.printiq-macro > .vc_col-sm-5 > .vc_column-inner { padding: 36px 24px 8px !important; }
	.printiq-macro > .vc_col-sm-7 > .vc_column-inner { padding: 0 24px 28px !important; }
	/* families, popular, closing CTA */
	.vc_row.vc_custom_1757500000005 { padding-top: 52px !important; padding-bottom: 52px !important; }
	.vc_row.vc_custom_1757500000007 { padding-top: 56px !important; padding-bottom: 56px !important; }
	.printiq-families-row h2 + p { margin-bottom: 24px; }
	/* category band + steps */
	.printiq-cat { margin-bottom: 40px; }
	.printiq-cat__body { padding: 22px 24px 32px; }
	.printiq-steps, body.printiq-product .printiq-steps { margin-top: 48px; }
	.printiq-about { margin-top: 40px; }
	.printiq-steps__title { margin-bottom: 22px; }
	.printiq-steps__grid { gap: 16px; }
	.printiq-steps__n { font-size: 26px; margin-bottom: 4px; }
	.printiq-steps__more { margin-top: 24px; }
	.printiq-cat--quality { margin-top: 48px; }
}
@media (max-width: 575px) {
	/* five families: two cards per row instead of a 2300 px column */
	.printiq-families { gap: 18px 14px; }
	.printiq-family, .printiq-family--7, .printiq-family--5 { grid-column: span 6; }
	.printiq-family__media img,
	.printiq-family--7 .printiq-family__media img,
	.printiq-family--5 .printiq-family__media img { height: 200px; }
	.printiq-family__body { padding-top: 10px; }
	.printiq-family__name { font-size: 16px; }
	.printiq-family__line { font-size: 13px; margin-top: 2px; }
	.printiq-family__count { margin-top: 6px; font-size: 11px; }
}