/* Complete site designs. Existing component styles supply mobile behaviour. */
.pc-design-1 { --pc-wrap: 1240px; }
.pc-design-2 { --pc-wrap: 1380px; --pc-r: 22px; --pc-r-lg: 30px; }
.pc-design-3 { --pc-wrap: 1200px; }
.pc-design-4 { --pc-wrap: 1440px; --pc-r: 2px; --pc-r-lg: 4px; }
.pc-design-5 { --pc-wrap: 1260px; }
.pc-design-6 { --pc-wrap: 1180px; }
.pc-design-7 { --pc-wrap: 1320px; --pc-r: 26px; --pc-r-lg: 36px; }
.pc-design-8 { --pc-wrap: 1100px; }
.pc-design-9 { --pc-wrap: 1280px; --pc-r: 18px; --pc-r-lg: 24px; }
.pc-design-10 { --pc-wrap: 1400px; }
.pc-design-2 .pc-pagehead, .pc-design-7 .pc-pagehead { text-align: center; }
.pc-design-3 .pc-pagehead { border-bottom: 5px solid var(--pc-primary); }
.pc-design-4 .pc-widget { border-radius: 2px; border-top: 4px solid var(--pc-primary); }
.pc-design-6 .pc-pagehead__title { border-inline-start: 6px solid var(--pc-primary); padding-inline-start: 18px; }
.pc-design-8 .pc-card, .pc-design-8 .pc-pcard { border: 0; box-shadow: none; }
.pc-design-8 .pc-hero { background: var(--pc-surface); }
.pc-design-9 .pc-pagehead { border-bottom: 3px double var(--pc-primary); }
.pc-design-10 .pc-widget { border-radius: 0; border-inline-start: 4px solid var(--pc-primary); }
@media (min-width: 1000px) {
 .pc-design-1 .pc-archive-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .pc-design-2 .pc-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; }
 .pc-design-3 .pc-hero__in { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); }
 .pc-design-3 .pc-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .pc-design-4 .pc-archive-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
 .pc-design-4 .pc-shelf { grid-template-columns: 220px minmax(0,1fr); }
 .pc-design-5 .pc-archive-grid { grid-template-columns: minmax(0,1fr); }
 .pc-design-5 .pc-archive-grid .pc-card { display: grid; grid-template-columns: 220px minmax(0,1fr); align-items: stretch; }
 .pc-design-5 .pc-archive-grid .pc-card__media { height: 100%; min-height: 190px; aspect-ratio: auto; }
 .pc-design-5 .pc-shelf { grid-template-columns: minmax(0,1fr); }
 .pc-design-5 .pc-shelf__promo { min-height: 180px; }
 .pc-design-6 .pc-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .pc-design-6 .pc-archive-grid > :first-child { grid-column: 1 / -1; }
 .pc-design-6 .pc-hero__in { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); }
 .pc-design-7 .pc-hero__copy { max-width: 680px; }
 .pc-design-7 .pc-hero__showcase { gap: 24px; }
 .pc-design-7 .pc-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 34px; }
 .pc-design-8 .pc-hero__in { grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: 70px; }
 .pc-design-8 .pc-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 40px; }
 .pc-design-8 .pc-footer__main { grid-template-columns: 2fr 1fr 1fr; }
 .pc-design-9 .pc-hero { margin: 24px var(--pc-pad); border-radius: 24px; }
 .pc-design-9 .pc-archive-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
 .pc-design-9 .pc-footer__main { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .pc-design-10 .pc-hero__copy { grid-column: 2; grid-row: 1; }
 .pc-design-10 .pc-hero__showcase { grid-column: 1; grid-row: 1; }
 .pc-design-10 .pc-archive-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 .pc-design-10 .pc-shelf { grid-template-columns: 340px minmax(0,1fr); }
}

/* Keep footer content beneath its own heading, independent of adjacent columns. */
.parchin .pc-footer__main { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 24px 32px; }
.parchin .pc-footer__main > * { flex: 1 1 200px; min-width: 0; }
.parchin .pc-footer__main > .pc-footer__about { flex: 1.5 1 300px; }
.parchin .pc-footer__about .pc-footer__widgets { margin-top: 20px; padding-bottom: 0; }
.parchin .pc-footer__widgets .pc-widget { margin-block: 0 18px; }
@media (max-width: 600px) {
 .parchin .pc-footer__main > *, .parchin .pc-footer__main > .pc-footer__about { flex-basis: 100%; }
}
/* Follow each design's main colour, including its computed contrast colour. */
.parchin .pc-cfab { background: var(--pc-primary); color: var(--pc-on-primary); box-shadow: 0 8px 24px rgb(var(--pc-primary-rgb) / .25); }
.parchin .pc-cfab:hover, .parchin .pc-cfab:focus-visible { background: var(--pc-primary-deep); color: var(--pc-on-primary-deep); }
.parchin .pc-cfab__ring { border-color: var(--pc-primary); }