/* FAQ and Order pages match the established React layouts. */
.tp-page:has(.tp-faq-page),.tp-page:has(.tp-order-page){box-sizing:border-box;width:100%;max-width:none!important;margin-inline:auto!important;padding-inline:1.5rem}
.tp-page:has(.tp-faq-page)>.wp-block-post-title,.tp-page:has(.tp-order-page)>.wp-block-post-title{display:none}
.tp-page:has(.tp-faq-page)>.wp-block-post-content,.tp-page:has(.tp-order-page)>.wp-block-post-content{box-sizing:border-box;max-width:none!important;width:100%;margin:0 auto!important}
.tp-faq-page{width:100%;max-width:56rem;margin:0 auto;padding:0 0 6rem}
.tp-page-intro{margin-bottom:2.5rem}
.tp-page-intro>*{margin-block-start:0}
.tp-page-intro .tp-kicker{font-size:.875rem;margin-bottom:.75rem!important}
.tp-page-intro h1{font-size:3rem;line-height:1.08;margin:0;letter-spacing:-.035em}
.tp-page-intro>p:last-child{margin-top:1rem;font-size:1.125rem;color:var(--wp--preset--color--muted)}
.tp-faq-list{border-top:1px solid rgba(10,92,62,.14)}
.tp-faq-list>.wp-block-details{margin:0;border:0;border-bottom:1px solid rgba(10,92,62,.14);padding:0}
.tp-faq-list>.wp-block-details summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.375rem .125rem;color:var(--wp--preset--color--ink);font-size:1.0625rem;font-weight:550;line-height:1.5;list-style:none;cursor:pointer;transition:color .2s}
.tp-faq-list>.wp-block-details summary::-webkit-details-marker{display:none}
.tp-faq-list>.wp-block-details summary::after{content:'';width:.7rem;height:.7rem;margin-right:.35rem;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s,color .2s;flex:0 0 auto}
.tp-faq-list>.wp-block-details[open] summary{color:var(--wp--preset--color--pine)}
.tp-faq-list>.wp-block-details[open] summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.tp-faq-list>.wp-block-details>p{max-width:46rem;margin:0;padding:0 3rem 1.375rem .125rem;color:var(--wp--preset--color--muted);font-size:.9375rem;line-height:1.7}

.tp-order-page{box-sizing:border-box;width:100%;max-width:64rem!important;margin:0 auto!important;padding:0 0 5rem}
.tp-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 21.25rem;gap:3.5rem;align-items:start}
.tp-order-layout,.tp-order-layout>.wp-block-group{box-sizing:border-box;min-width:0}
.tp-order-layout>.tp-order-form{order:1;margin:0}
.tp-order-layout>.tp-order-summary{order:2;margin:0;position:sticky;top:7rem}
.tp-order-form{padding:2.5rem;border-color:rgba(10,92,62,.14);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(232,244,237,.7));backdrop-filter:blur(1.75rem) saturate(185%);-webkit-backdrop-filter:blur(1.75rem) saturate(185%);box-shadow:0 .75rem 2rem rgba(10,92,62,.075),inset 0 1px 0 rgba(255,255,255,.9)}
.tp-order-form>h1,.tp-order-form>h2{margin:0 0 .5rem;font-size:2.25rem;line-height:1.1;color:var(--wp--preset--color--pine);letter-spacing:-.025em}
.tp-order-form>p{margin:0 0 2.5rem;font-size:1.125rem;color:var(--wp--preset--color--muted)}
.tp-order-form .tp-order-fields{gap:0 1.25rem}
.tp-order-form .tp-form-field{margin:.625rem 0}
.tp-order-form input:not([type=checkbox]),.tp-order-form select,.tp-order-form textarea{padding:.9rem 1rem;background:rgba(255,255,255,.88);border-color:rgba(10,92,62,.24);box-shadow:0 2px 8px rgba(10,92,62,.045),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(12px)}
.tp-order-form input:not([type=checkbox]):hover,.tp-order-form select:hover,.tp-order-form textarea:hover{border-color:rgba(10,92,62,.4);box-shadow:0 4px 14px rgba(10,92,62,.08),inset 0 1px 0 rgba(255,255,255,.96)}
.tp-order-form .tp-submit{position:relative;overflow:hidden;box-shadow:0 .625rem 1.75rem rgba(255,176,32,.24),0 2px .375rem rgba(31,41,51,.08),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .25s,box-shadow .25s,filter .25s}
.tp-order-form .tp-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 1rem 2.25rem rgba(255,176,32,.34),0 .25rem .75rem rgba(31,41,51,.1)}
.tp-order-summary{box-sizing:border-box;width:100%;max-width:21.25rem;padding:1.25rem;border-radius:20px}
.tp-order-summary>*{margin-block-start:0}
.tp-order-summary-label{font-size:.875rem;font-weight:500;margin-bottom:.5rem!important}
.tp-order-package{display:flex;justify-content:center;margin:.25rem 0 .75rem!important}
.tp-order-package img{display:block;width:min(100%,12rem);height:auto;object-fit:contain}
.tp-order-product-row,.tp-order-total-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.tp-order-product-row{margin-bottom:.5rem!important}.tp-order-product-copy h3{font-size:1rem;margin:0}.tp-order-product-copy p{font-size:.875rem;margin-top:.25rem;color:var(--wp--preset--color--muted)}
.tp-order-summary .tp-price{font-size:1rem;line-height:1.45;text-align:right;white-space:nowrap}.tp-order-summary .tp-price del{display:block;font-size:.875rem}.tp-order-summary .tp-price strong{font-size:1rem}.tp-order-summary .tp-price small{display:none}
.tp-order-regular-price{font-weight:600;color:var(--wp--preset--color--pine,#0a5c3e);white-space:nowrap}.tp-order-shipping{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.4rem;flex-wrap:nowrap;white-space:nowrap;text-align:right}.tp-order-shipping del{color:#89949a;font-size:.875em}.tp-order-shipping strong{color:var(--wp--preset--color--green,#26b26b);font-weight:600}.tp-order-sale-discount{color:var(--wp--preset--color--pine,#0a5c3e);font-weight:600;white-space:nowrap}
.tp-order-total-row{padding:.5rem 0;border-top:1px solid var(--wp--preset--color--mint);font-size:.875rem;align-items:center}.tp-order-total-row>p{margin:0!important;flex:1 1 auto;min-width:0}.tp-order-total-row>:last-child{margin:0!important;align-self:center;flex:0 0 auto;line-height:1.25}.tp-order-free{color:var(--wp--preset--color--green)}
.tp-order-grand-total{align-items:center;font-size:1rem;font-weight:600}.tp-order-grand-total>p,.tp-order-grand-total>.tp-price{margin:0!important;line-height:1.25}.tp-order-grand-total .tp-price strong{line-height:1.25}.tp-order-summary .tp-order-saving{font-size:.6875rem;line-height:1.4;margin-top:.5rem!important;color:#748089}

@media(max-width:1023px){.tp-order-layout{grid-template-columns:1fr;gap:2.5rem}.tp-order-layout>.tp-order-summary{order:1;position:static;max-width:21.25rem;width:100%;margin-inline:auto}.tp-order-layout>.tp-order-form{order:2}}
@media(max-width:767px){.tp-page:has(.tp-faq-page),.tp-page:has(.tp-order-page){padding-inline:1.25rem}.tp-faq-page,.tp-order-page{padding-bottom:4rem}.tp-page-intro h1{font-size:2.25rem}.tp-page-intro{margin-bottom:2rem}.tp-faq-list>.wp-block-details summary{padding:1.125rem .125rem;font-size:1rem;gap:.75rem}.tp-faq-list>.wp-block-details>p{padding:0 2.25rem 1.125rem .125rem;font-size:.875rem}.tp-order-form{padding:1.5rem}.tp-order-form>h1,.tp-order-form>h2{font-size:1.875rem}.tp-order-form>p{margin-bottom:1.75rem;font-size:1rem}}

/* Gutenberg wrappers should not change the visual grid. */
.editor-styles-wrapper .tp-order-layout>.block-editor-inner-blocks,.editor-styles-wrapper .tp-order-layout>.block-editor-inner-blocks>.block-editor-block-list__layout,.editor-styles-wrapper .tp-faq-list>.block-editor-inner-blocks,.editor-styles-wrapper .tp-faq-list>.block-editor-inner-blocks>.block-editor-block-list__layout{display:contents}
.editor-styles-wrapper .is-root-container:has(.tp-order-page),.editor-styles-wrapper .is-root-container:has(.tp-faq-page){box-sizing:border-box;width:100%;max-width:none!important;padding-inline:1.5rem}
.editor-styles-wrapper .tp-page:has(.tp-order-page),.editor-styles-wrapper .tp-page:has(.tp-faq-page){box-sizing:border-box;width:100%!important;max-width:none!important;margin-inline:auto!important}
.editor-styles-wrapper .wp-block-post-content:has(.tp-order-page),.editor-styles-wrapper .wp-block-post-content:has(.tp-faq-page){box-sizing:border-box;width:100%!important;max-width:none!important;margin-inline:auto!important}
.editor-styles-wrapper .tp-order-page{box-sizing:border-box;width:100%;max-width:64rem!important;margin-inline:auto!important}
.editor-styles-wrapper .tp-faq-page{box-sizing:border-box;width:100%;max-width:56rem!important;margin-inline:auto!important}
.editor-styles-wrapper .tp-order-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 21.25rem!important;gap:3.5rem!important;align-items:start!important;width:100%!important;max-width:none!important}
.editor-styles-wrapper .tp-order-layout>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="trackpak/order-form"]{box-sizing:border-box;order:1;width:100%!important;min-width:0;margin:0!important;max-width:none!important}
.editor-styles-wrapper .tp-order-layout>.block-editor-inner-blocks>.block-editor-block-list__layout>.tp-order-summary{box-sizing:border-box;order:2;width:100%!important;min-width:0;margin:0!important;max-width:21.25rem!important}
.editor-styles-wrapper [data-type="trackpak/order-form"]>.tp-order-form,.editor-styles-wrapper [data-type="trackpak/order-form"] .tp-order-form{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important}
.editor-styles-wrapper .tp-order-summary [data-type="core/image"].tp-order-package,.editor-styles-wrapper .tp-order-summary .tp-order-package{box-sizing:border-box;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;justify-content:center!important;align-items:center;width:100%!important;max-width:100%!important;min-width:0!important;margin:.25rem 0 .75rem!important}
.editor-styles-wrapper .tp-order-package>.block-editor-inner-blocks,.editor-styles-wrapper .tp-order-package figure,.editor-styles-wrapper .tp-order-package .components-resizable-box__container{box-sizing:border-box;position:relative!important;inset:auto!important;transform:none!important;display:flex!important;justify-content:center!important;width:100%!important;max-width:100%!important;margin:0!important}
.editor-styles-wrapper .tp-order-package img{position:relative!important;inset:auto!important;transform:none!important;display:block;width:min(100%,12rem)!important;max-width:100%!important;height:auto!important;margin:0 auto!important;object-fit:contain}
.editor-styles-wrapper .tp-order-summary{position:static}
.editor-styles-wrapper .tp-faq-list [data-type="core/details"]{margin:0;max-width:none}

@media(max-width:1023px){
 .editor-styles-wrapper .tp-order-layout{grid-template-columns:1fr!important;gap:2.5rem!important}
 .editor-styles-wrapper .tp-order-layout>.block-editor-inner-blocks>.block-editor-block-list__layout>[data-type="trackpak/order-form"]{order:2}
 .editor-styles-wrapper .tp-order-layout>.block-editor-inner-blocks>.block-editor-block-list__layout>.tp-order-summary{order:1;margin-inline:auto}
}