/* Per-page background options for the interactive memorial booklet designer.
   White mode removes decorative photographic backgrounds, not customer content. */
.blank-background-editor{margin-top:16px;padding:15px 13px;border:1px solid #d9c6a0;border-radius:12px;background:linear-gradient(135deg,#fffefa,#f7f4ec)}
.blank-editor-heading{font:600 21px/1.2 'Cormorant Garamond',Georgia,serif;color:#273e55}
.blank-background-editor .help{margin:7px 0 12px}
.blank-page-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:8px}
.blank-page-toggle{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:57px;padding:10px 12px;text-align:left;background:#fff;border:1px solid #dcd7cd;border-radius:9px;color:#253b50;transition:background .16s,border .16s,box-shadow .16s;cursor:pointer}
.blank-page-toggle .blank-toggle-title{font:700 12px/1.3 Arial,sans-serif}
.blank-page-toggle .blank-toggle-state{font:11px/1.2 Arial,sans-serif;color:#687585}
.blank-page-toggle[aria-pressed="true"]{background:#f2e4c5;border-color:#ad8946;box-shadow:inset 0 0 0 1px #b69251}
.blank-page-toggle[aria-pressed="true"] .blank-toggle-state{color:#58421f;font-weight:700}
.blank-background-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.blank-bulk-button{flex:1 1 160px;padding:10px 9px;min-height:44px;font:700 11px/1.3 Arial,sans-serif;color:#29435d;border:1px solid #c3ac82;border-radius:8px;background:#fff;cursor:pointer}
.blank-bulk-button:hover,.blank-page-toggle:hover{border-color:#a78243;box-shadow:0 2px 9px #14283d16}
.blank-background-status{margin:9px 0 0;color:#576775;font:12px/1.45 Arial,sans-serif}
@media(max-width:550px){.blank-background-editor{padding:13px 10px}.blank-page-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.blank-page-toggle{min-height:61px;padding:9px 11px}}
/* Strong page-specific override so any theme, composition and paper colour becomes white. */
.preview-panel .page-wrap.plain-background-page .page{background:#fff!important;background-image:none!important}
.preview-panel .page-wrap.plain-background-page .page .art-corners{display:none!important;background:none!important}
.preview-panel .page-wrap.plain-background-page .page::before{display:none!important}
@media print{
 .preview-panel .page-wrap.plain-background-page .page{background:#fff!important;background-image:none!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 .preview-panel .page-wrap.plain-background-page .page .art-corners{display:none!important}
 .page-wrap.focus-off{display:block!important}
}


/* PAGE FORMAT FIRST: prominent A5 selection above artwork and personalisation */
.page-count-first{padding-bottom:24px;margin-bottom:25px;scroll-margin-top:18px}
.page-count-first>.step{font-size:clamp(19px,3vw,26px)}
.format-first-intro{font:13px/1.6 Arial,sans-serif;color:#52657a;margin:9px 0 11px}
.format-selector-first{margin:12px 0 10px;padding:17px;border-color:#d7bd85;background:linear-gradient(150deg,#fffefa,#f6f1e7);box-shadow:0 6px 22px #162e4511}
.format-selector-first>label{display:block;margin:0 0 10px;color:#273d54;font-weight:700}
.format-selector-first .format-choices{gap:11px}
.format-selector-first .format-choice{min-height:111px;gap:3px;border-radius:11px;background:#fffefb;border-color:#d7cfbf;cursor:pointer}
.format-selector-first .format-choice strong{font:600 clamp(30px,4vw,39px)/1 'Cormorant Garamond',Georgia,serif}
.format-selector-first .format-choice small{font:600 12px/1.1 Arial,sans-serif;color:inherit}
.format-selector-first .format-choice .format-cost{display:block;margin-top:8px;font:700 16px/1.1 Arial,sans-serif;color:#82622a}
.format-selector-first .format-choice.active{background:#223d58;color:#fff;border-color:#c4a269;outline:2px solid #c7a86a;outline-offset:0;box-shadow:0 6px 16px #162b4330}
.format-selector-first .format-choice.active .format-cost{color:#f5d79d}
.format-selector-first .stock-summary{margin:13px 2px 0}
.format-first-confirmation{margin:9px 2px 0;color:#29415a;font:700 13px/1.4 Arial,sans-serif}
@media(max-width:580px){
 .page-count-first{margin-bottom:20px;padding-bottom:20px}
 .format-selector-first{padding:12px 10px}
 .format-selector-first .format-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .format-selector-first .format-choice{min-height:97px}
 .format-selector-first .format-choice strong{font-size:34px}
 .format-selector-first .format-choice .format-cost{font-size:16px}
 .format-first-confirmation{font-size:12px}
}


/* MOST POPULAR BADGES: applied to softly faded artwork and four-page format */
.popular-badge{
 display:inline-flex;align-items:center;justify-content:center;
 max-width:100%;padding:5px 9px;border-radius:999px;
 color:#182d46;background:linear-gradient(120deg,#f8e6b3,#d5aa5a);
 border:1px solid #d6ae66;box-shadow:0 2px 7px #30220b18;
 font:800 9px/1.15 Arial,Helvetica,sans-serif;
 letter-spacing:.4px;text-transform:uppercase;text-align:center;
 white-space:nowrap
}
.background-choice[data-background-choice="faded"]{border-color:#c69b4d}
.background-choice[data-background-choice="faded"]>.popular-badge{
 margin:3px auto 0;font-size:8px;padding:5px 7px
}
.format-selector-first .format-choice[data-booklet-pages="4"]{
 border-color:#c69b4d
}
.format-selector-first .format-choice[data-booklet-pages="4"]>.popular-badge{
 margin-top:4px;padding:4px 8px;font-size:8px
}
.format-card[data-home-format="4"]{position:relative;border-color:#c69b4d}
.format-card[data-home-format="4"]>.popular-badge{
 position:absolute;z-index:2;top:7px;right:7px;
 font-size:8px;padding:5px 7px
}
@media(max-width:650px){
 .format-card[data-home-format="4"]>.popular-badge{top:5px;right:5px;font-size:7px;padding:4px 5px}
 .background-choice[data-background-choice="faded"]>.popular-badge{font-size:7px;padding:4px 5px;white-space:normal}
 .format-selector-first .format-choice[data-booklet-pages="4"]{min-height:118px}
}