/* Extend the existing warm paper, serif typography and restrained motion. */
[hidden] { display: none !important; }
.hero.hero-copy-only .hero-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
.hero.hero-copy-only .hero-copy { width: 100%; max-width: 850px; margin: 0 auto; text-align: center; }
.hero.hero-copy-only .hero-subheadline { max-width: 660px; margin-left: auto; margin-right: auto; }
.hero.hero-copy-only .hero-action-wrapper, .hero.hero-copy-only .hero-proof-strip { justify-content: center; }
.hero.hero-copy-only #hero-customer-proof { max-width: 520px; margin-left: auto; margin-right: auto; }
.sales-customer-proof { margin-top: 24px; }
.sales-proof-open { display: flex; align-items: center; gap: 14px; width: 100%; max-width: 520px; padding: 0; border: 0; text-align: left; background: transparent; color: #342c24; cursor: pointer; }
.sales-proof-open img { width: 54px; height: 62px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.sales-proof-open q { display: block; font-family: inherit; font-size: 14px; line-height: 1.5; }
.sales-proof-open small { display: block; color: #655747; font-size: 11px; line-height: 1.6; margin-top: 4px; }
.sales-saved-designs { border-top: 1px solid #d9cebf; border-bottom: 1px solid #d9cebf; padding: 20px 0; margin-bottom: 20px; }
.saved-designs-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.saved-designs-heading strong { color: #332a20; font-size: 17px; }
.saved-designs-heading p { color: #655747; font-size: 13px; margin: 6px 0 0; line-height: 1.6; }
.sales-inline-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.sales-inline-actions button, .sales-browse-all, .sales-style-finder button, .sales-dearly-suggestion button { min-height: 44px; padding: 12px 18px; border: 1px solid #b7a790; border-radius: 5px; background: #fffaf2; color: #332a20; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.sales-style-finder button { background: #302a23; color: #fffaf2; border-color: #302a23; }
.sales-resume { display: flex; align-items: center; gap: 12px; margin-top: 16px; padding: 8px 0; width: fit-content; max-width: 100%; text-align: left; color: #332a20; border: 0; background: transparent; cursor: pointer; }
.sales-resume img { width: 44px; height: 56px; object-fit: cover; border-radius: 4px; }
.sales-resume span { font-size: 13px; }
.sales-resume small { display: block; font-size: 11px; color: #655747; line-height: 1.5; margin-top: 3px; }
.sales-style-finder { margin-bottom: 18px; background: #f4eee4; padding: 0 20px; border-radius: 6px; color: #332a20; }
.sales-style-finder summary { padding: 18px 0; cursor: pointer; font-weight: 600; font-size: 14px; line-height: 1.5; }
.sales-style-finder form { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 14px; padding-bottom: 16px; }
.sales-style-finder label, .sales-planner-fields label { display: flex; flex-direction: column; gap: 8px; color: #574c3d; font-size: 12px; }
.sales-style-finder select, .sales-planner-fields input { width: 100%; min-width: 0; min-height: 46px; padding: 10px 12px; font: inherit; font-size: 16px; border: 1px solid #b7a790; background: #fffcf7; color: #332a20; border-radius: 4px; }
#finder-explanation { font-size: 13px; line-height: 1.6; padding-bottom: 16px; margin: 0; color: #574c3d; }
#finder-explanation:empty { display: none; }
.sales-discovery-status { font-size: 13px; color: #655747; margin: 12px 0 20px; }
.catalogue-discovery-footer { display: flex; justify-content: center; margin-top: 32px; }
.template-card { position: relative; }
.sales-save-design { position: absolute; top: 12px; right: 12px; z-index: 2; min-width: 58px; min-height: 44px; padding: 8px 12px; border: 1px solid #c7baa6; border-radius: 5px; font: inherit; font-size: 12px; font-weight: 600; background: #fffcf7; color: #332a20; cursor: pointer; }
.sales-save-design[aria-pressed="true"] { background: #332a20; color: #fffaf2; border-color: #332a20; }
.templates-grid.view-list .sales-save-design { position: static; grid-column: 1; grid-row: 2; justify-self: stretch; min-width: 0; padding: 8px 4px; }
.templates-grid.view-list :is(.template-btn-pay, .template-btn-preview-primary) { min-height: 44px !important; height: 44px !important; }
.sales-value-reference { padding: 44px 0 34px; border-bottom: 1px solid #d9cebf; max-width: 740px; margin: 0 auto; text-align: center; }
.sales-value-reference > span { color: #655747; font-size: 13px; }
.sales-value-reference h3, .sales-package-comparison h3, .sales-delivery-planner h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: clamp(24px, 3vw, 34px); color: #332a20; line-height: 1.2; margin: 12px 0; text-wrap: balance; }
.sales-value-reference p, .sales-package-comparison > p, .sales-delivery-planner p { font-size: 14px; line-height: 1.75; color: #655747; }
.sales-value-reference .sales-value-price { color: #332a20; font-weight: 600; margin-top: 16px; }
.sales-package-comparison { margin-top: 40px; }
.sales-comparison-scroll { overflow-x: auto; margin: 24px 0 12px; border: 1px solid #d9cebf; border-radius: 6px; }
.sales-comparison-scroll table { width: 100%; min-width: 640px; border-collapse: collapse; text-align: left; color: #332a20; font-size: 13px; line-height: 1.5; background: #fffcf7; }
.sales-comparison-scroll th, .sales-comparison-scroll td { padding: 16px; vertical-align: top; border-bottom: 1px solid #e1d8ca; width: 25%; }
.sales-comparison-scroll thead th { background: #f0e8da; font-weight: 600; }
.sales-comparison-scroll th > span { display: inline-block; margin-top: 5px; font-size: 18px; font-variant-numeric: tabular-nums; }
.sales-comparison-scroll tbody th { color: #655747; font-weight: 500; }
.sales-comparison-scroll tr:last-child :is(td,th) { border-bottom: 0; }
.sales-comparison-scroll button, .sales-text-button { min-height: 44px; padding: 8px 0; border: 0; background: transparent; color: #332a20; text-decoration: underline; text-underline-offset: 4px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.sales-package-comparison .sales-comparison-footnote { font-size: 12px; }
.sales-delivery-planner { padding: 30px; margin-top: 40px; background: #f3ede3; border-radius: 6px; }
.sales-planner-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 24px 0 18px; max-width: 700px; }
#delivery-plan-result { max-width: 740px; }
.sales-order-open { overflow: hidden; }
.sales-dearly-suggestion { padding: 18px; margin: 20px 0; border: 1px solid var(--order-border, #d9cebf); background: var(--order-soft, #f3ede3); border-radius: 6px; color: var(--order-ink, #332a20); font-size: 13px; line-height: 1.65; }
.sales-dearly-suggestion p { margin: 8px 0 12px; }
.sales-order-proof { margin: 20px 0; }
.sales-order-proof .sales-proof-open { color: var(--order-ink); }
.sales-order-proof .sales-proof-open small, .sales-policy-note { color: var(--order-muted); }
.sales-policy-note { font-size: 11px; line-height: 1.65; margin-top: 7px; }
.sales-policy-note a { text-decoration: underline; text-underline-offset: 2px; color: inherit; }
#sales-order-rsvp { font-size: 12px; line-height: 1.6; }
.sales-preview-context { font-size: 11px; color: #574c3d; line-height: 1.5; margin: 0; text-align: center; }
.sales-card-included { display: none; }
.sales-booking-progress { display: none; }
.sales-order-essentials { color: var(--order-ink); font-size: 13px; line-height: 1.6; margin: 0 0 16px; }
.sales-order-disclosure { border-top: 1px solid var(--order-border, #d9cebf); color: var(--order-ink); }
.sales-order-disclosure summary { min-height: 48px; padding: 14px 0; font-size: 13px; font-weight: 600; line-height: 1.6; cursor: pointer; }
.sales-order-disclosure :is(.order-features-title, .order-drawer-steps-heading) { display: none; }
.sales-order-disclosure .order-drawer-steps-box { margin: 0 0 16px; }
.sales-mobile-booking { display: none; }
.sales-save-confirm { animation: sales-saved-confirm 240ms ease-out; }
@keyframes sales-saved-confirm { 50% { transform: scale(1.08); } }
.sales-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
:is(.sales-saved-designs, .sales-style-finder, .sales-package-comparison, .sales-delivery-planner, .sales-dearly-suggestion, .sales-customer-proof, .catalogue-discovery-footer) :is(button, a, input, select, summary, [tabindex]):focus-visible,
.sales-save-design:focus-visible { outline: 3px solid #886334; outline-offset: 4px; }
@media (hover: hover) {
  :is(.sales-inline-actions, .catalogue-discovery-footer, .sales-style-finder, .sales-dearly-suggestion) button:hover { border-color: #655747; }
  .sales-proof-open:hover small { text-decoration: underline; }
}
@media (min-width: 1000px) {
  .hero.hero-showroom .hero-headline { font-size: clamp(48px, 5vw, 76px); }
}
@media (max-width: 760px) {
  .hero.hero-copy-only { min-height: auto; padding: 32px 0 36px; }
  .hero.hero-copy-only .hero-kicker { margin-bottom: 18px; }
  .hero.hero-copy-only .hero-subheadline { font-size: 15px; line-height: 1.65; }
  .hero.hero-copy-only .hero-action-wrapper { gap: 4px; margin-top: 18px; }
  .hero.hero-copy-only .hero-secondary-cta { min-height: 48px; padding: 10px 16px; border: 0; background: transparent; box-shadow: none; font-size: 14px; text-decoration: underline; text-underline-offset: 4px; }
  .hero.hero-copy-only .hero-proof-strip { margin-top: 12px; }
  .hero.hero-copy-only #hero-customer-proof { margin-top: 18px; }
  .hero.hero-copy-only .sales-proof-open q { font-size: 13px; }
  .catalogue-section { padding-top: 32px; }
  .catalogue-section-header { margin-bottom: 20px; }
  .sales-saved-designs[data-has-choices="false"] { display: none; }
  .sales-saved-designs { padding: 14px 0; margin-bottom: 16px; }
  .saved-designs-heading p { font-size: 12px; }
  .sales-resume { margin-top: 10px; }
  .sales-style-finder { margin-bottom: 12px; }
  .sales-style-finder summary { min-height: 48px; padding: 14px 0; }
  .sales-discovery-status { margin: 12px 0; }
  #filter-tags { display: flex; flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; gap: 8px; padding: 4px 0 8px; }
  #filter-tags .filter-tag { min-height: 48px; flex-shrink: 0; }
  .tier-floating-nav.sales-inline-tiers { position: static; width: 100%; max-width: 100%; margin: 12px 0 0; opacity: 1 !important; transform: none !important; pointer-events: auto !important; }
  .sales-inline-tiers > .glass-radio-group { width: 100%; box-shadow: none; backdrop-filter: none; background: #fffaf2; }
  .sales-inline-tiers .glass-radio-group label { min-width: 0; flex: 1; flex-direction: column; min-height: 48px; padding: 8px 4px; font-size: 12px; gap: 2px; }
  .sales-inline-tiers .tier-meta { font-size: 10px; }
  .sales-card-included { display: block; width: fit-content; max-width: 100%; font-size: 12px; line-height: 1.6; color: #fffaf2; background: rgba(33, 29, 37, .82); border-radius: 4px; padding: 5px 8px; margin: 8px 0 0; }
  .templates-grid.view-list .sales-card-included { display: none; }
  :is(.view-mode-btn, .sales-inline-actions button, .sales-browse-all, .sales-save-design) { min-height: 48px; }
  .sales-mobile-booking { position: fixed; z-index: 90; inset: auto 0 0; display: grid; grid-template-columns: 32px minmax(0, 1fr) auto 48px; gap: 8px; align-items: center; padding: 10px 12px max(10px, env(safe-area-inset-bottom)); border-top: 1px solid #d9cebf; background: #fffcf7; box-shadow: 0 -6px 22px rgba(64, 42, 35, .1); color: #332a20; }
  .sales-mobile-booking img { width: 32px; height: 42px; object-fit: cover; border-radius: 4px; }
  .sales-mobile-booking strong { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
  .sales-mobile-booking small { display: block; font-size: 10px; line-height: 1.6; margin-top: 3px; }
  .sales-mobile-book-btn { min-height: 48px; padding: 10px; border: 0; border-radius: 5px; background: #332a20; color: #fffcf7; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
  .sales-mobile-book-close { width: 48px; min-height: 48px; padding: 0; border: 0; background: transparent; color: #574c3d; font: inherit; font-size: 22px; cursor: pointer; }
  .sales-has-booking-shortcut { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
  .sales-has-booking-shortcut #floating-whatsapp { bottom: calc(88px + env(safe-area-inset-bottom)); }
  .sales-booking-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; list-style: none; margin: 0 0 16px; padding: 0; color: var(--order-muted); font-size: 10px; line-height: 1.5; }
  .sales-booking-progress li { padding: 8px 4px; border-bottom: 2px solid var(--order-border); text-align: center; }
  .sales-booking-progress [aria-current="step"] { color: var(--order-ink); border-bottom-color: var(--order-accent, #886334); font-weight: 600; }
  .order-drawer-header { margin-bottom: 14px; }
  .order-drawer-eyebrow { display: none; }
  .order-drawer-title { font-size: 26px; }
  .order-drawer-subtitle { font-size: 13px; line-height: 1.6; }
  .order-drawer-card { margin-bottom: 12px; }
  .order-addon-options { gap: 8px; }
  .order-addon-name { font-size: 14px; }
  .order-addon-item input { width: 22px; height: 22px; }
  .order-drawer-close { min-width: 48px; min-height: 48px; }
  .sales-order-disclosure summary:focus-visible, .sales-mobile-booking button:focus-visible { outline: 3px solid #886334; outline-offset: 2px; }
  #hero-customer-proof { margin: 24px auto 0; max-width: 390px; }
  .saved-designs-heading { flex-direction: column; align-items: flex-start; gap: 14px; }
  .sales-style-finder form { grid-template-columns: 1fr; }
  .sales-style-finder { padding: 0 16px; }
  .sales-planner-fields { grid-template-columns: 1fr; }
  .sales-delivery-planner { padding: 24px 18px; }
  .sales-comparison-scroll th, .sales-comparison-scroll td { padding: 12px; }
  .sales-save-design { top: 8px; right: 8px; }
  #preview-modal .preview-secondary-actions { display: flex; flex-wrap: wrap; gap: 4px; }
  #preview-modal .preview-secondary-actions .preview-toolbar-btn { min-height: 44px; font-size: 11px; padding: 8px 10px; }
  #preview-modal .preview-modal-toolbar { gap: 5px; }
  .sales-preview-context { font-size: 10px; }
  .order-drawer-guarantee { font-size: 11px; line-height: 1.5; }
}
@media (prefers-reduced-motion: reduce) { .template-card { transition: none; } .sales-save-confirm { animation: none; } }

/* A short buying explanation stays beside the designs; detailed comparisons are optional. */
.sales-catalogue-guide { max-width: 680px; margin: 20px auto 0; color: #574c3d; font-size: 14px; line-height: 1.65; }
.sales-catalogue-guide p { margin: 0 0 8px; }
.sales-catalogue-guide a { display: inline-block; padding: 10px 0; min-height: 44px; color: #332a20; text-decoration: underline; text-underline-offset: 4px; }
.sales-value-price { max-width: 720px; margin: 16px auto; color: #574c3d; font-size: 15px; line-height: 1.65; text-align: center; }
.sales-package-comparison { margin: 20px 0 28px; border-top: 1px solid #d9cebf; border-bottom: 1px solid #d9cebf; padding: 0 16px; }
.sales-package-comparison summary { padding: 16px 0; min-height: 48px; color: #332a20; font-size: 15px; font-weight: 600; cursor: pointer; }
.sales-dearly-showcase > summary { padding: 20px; font-size: 17px; font-weight: 600; color: #332a20; cursor: pointer; background: #f3ede3; }
.sales-dearly-showcase > summary span { display: block; font-size: 13px; font-weight: 400; line-height: 1.6; margin-top: 6px; }
.sales-dearly-showcase { scroll-margin-top: 80px; }
.pricing-selected-design { gap: 12px; flex-wrap: wrap; font-size: 14px; line-height: 1.6; }
.pricing-selected-design .sales-text-button { flex-shrink: 0; }
.sales-package-comparison summary:focus-visible, .sales-dearly-showcase summary:focus-visible { outline: 3px solid #886334; outline-offset: -3px; }
@media (min-width: 761px) { .sales-dearly-showcase > summary { display: none; } }
@media (max-width: 760px) {
  .hero.hero-copy-only .hero-kicker { font-size: 12px; line-height: 1.6; letter-spacing: .08em; }
  .hero.hero-copy-only .hero-proof-item { font-size: 12px; line-height: 1.6; }
  .sales-proof-open small, .sales-resume small, .sales-preview-context { font-size: 12px; }
  .sales-mobile-booking small { font-size: 12px; }
  .sales-booking-progress { font-size: 12px; }
  .sales-policy-note, .order-drawer-guarantee { font-size: 12px; }
  .sales-catalogue-guide { text-align: left; }
  /* Show the responsive invitation at phone width, with controls outside the content. */
  #preview-modal { padding: 60px 8px max(8px, env(safe-area-inset-bottom)); box-sizing: border-box; }
  #preview-modal .preview-modal-panel { width: 100%; height: 100%; max-height: 100%; min-height: 0; margin: 0; grid-template-rows: minmax(0, 1fr) auto; gap: 8px; overflow: visible; }
  #preview-modal .preview-device-row { width: 100%; height: 100%; perspective: none; }
  #preview-modal .preview-gallery-device { width: 100%; height: 100%; max-width: 100%; aspect-ratio: auto; border: 0; border-radius: 8px; box-shadow: none; transform: none !important; }
  #preview-modal .preview-phone-front { inset: 0; border: 0; border-radius: 8px; transform: none !important; box-shadow: none; }
  #preview-modal .preview-phone-front::after { display: none !important; }
  #preview-modal .phone-screen-viewport { width: 100%; height: 100%; transform: none !important; border-radius: 0; }
  #preview-modal .preview-modal-iframe { width: 100%; height: 100%; margin: 0; }
  #preview-modal .preview-footer-controls { inset: 4px 8px auto; flex-direction: row; justify-content: space-between; gap: 4px; height: 48px; }
  #preview-modal .preview-floating-controls, #preview-modal .preview-viewer-pill { flex-direction: row; gap: 8px; margin: 0; min-height: 44px; }
  #preview-modal .preview-view-toggle { display: none; }
  #preview-modal .preview-counter-badge { font-size: 12px; }
  #preview-modal .preview-footer-controls .preview-modal-close { order: 2; }
  #preview-modal .preview-footer-controls #preview-favourite-btn { order: 1; }
  #preview-modal .preview-footer-controls .preview-side-arrow { order: -1; position: static; transform: none; }
  #preview-modal .preview-footer-controls .side-arrow-prev { order: -2; }
  #preview-modal .preview-footer-controls :is(.preview-icon-btn, .preview-expand-btn, .preview-side-arrow) { width: 44px; height: 44px; min-width: 44px; min-height: 44px; flex: 0 0 44px; }
  #preview-modal .preview-modal-toolbar { border-radius: 12px; padding: 10px 12px; }
  #preview-modal .preview-secondary-actions { flex-wrap: nowrap; }
  #preview-modal .preview-secondary-actions .preview-toolbar-btn { font-size: 12px; padding: 8px 6px; min-width: 0; gap: 4px; }
  #preview-modal .preview-sheet-details h3 { font-size: 16px; white-space: normal; line-height: 1.2; text-overflow: clip; }
  #preview-modal .preview-sheet-summary .preview-collection-switcher { width: 166px; }
}

/* Make collection differences visible before expanding the complete feature list. */
.studio-home .pricing-card-tagline > strong { display:block; font-weight:600; color:#173e35; margin-bottom:10px; }
.sales-package-facts { margin:0; font-size:12px; line-height:1.5; }
.sales-package-facts > div { display:flex; justify-content:space-between; gap:14px; margin:5px 0; }
.sales-package-facts dt { color:#5c6a64; flex-shrink:0; }
.sales-package-facts dd { margin:0; text-align:right; color:#173e35; }
.sales-payment-reassurance { margin:0 0 10px; color:var(--order-ink); font:500 13px/1.5 var(--font-body); text-align:center; }
.sales-order-terms { font:400 12px/1.6 var(--font-body); color:var(--order-muted); margin:12px 0; }
.sales-order-terms a { color:var(--order-ink); text-decoration:underline; text-underline-offset:3px; }
.sales-order-proof { margin:12px 0; }
.sales-order-proof .sales-proof-open { padding:8px 0; gap:10px; }
.sales-order-proof .sales-proof-open img { width:36px; height:42px; }
.sales-order-proof .sales-proof-open q { font-size:13px; }
@media(max-width:760px) {
  .studio-home .pricing-card .pricing-card-tagline { grid-column:1 / -1; margin:12px 0 0; }
  .sales-payment-reassurance { font-size:12px; }
}

/* One first-draft speed per new INR order. */
#order-delivery-speeds { border: 0; padding: 0; margin: 16px 0; min-width: 0; }
#order-delivery-speeds legend { font-weight: 700; margin-bottom: 6px; }
#order-delivery-speeds .order-addon-item { gap: 12px; margin: 8px 0; }
#order-delivery-speeds input[type=radio] { flex: 0 0 22px; width: 22px; height: 22px; accent-color: #173e35; }
#order-checkout-retries button { display: block; margin: 8px 0; max-width: 100%; white-space: normal; }