/* Company footer; loaded after the shared shell and layout styles. */
    #peterpen-page-designs .site-footer{margin:24px 0 0;border-top:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:13px;line-height:1.6;text-align:left}
    #peterpen-page-designs .footer-inner{max-width:var(--pp-layout-content-max,1368px);margin-inline:auto;padding:8px 18px 12px}
    #peterpen-page-designs .footer-navigation{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:0 24px;border-bottom:1px solid var(--line)}
    #peterpen-page-designs .site-footer nav{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:0 12px}
    #peterpen-page-designs .site-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0;color:inherit;text-decoration:none}
    #peterpen-page-designs .site-footer :is(a,summary):focus-visible{outline:2px solid var(--green);outline-offset:2px}
    #peterpen-page-designs .site-footer .footer-privacy{color:var(--ink);font-weight:700}
    #peterpen-page-designs .footer-columns{display:grid;gap:8px;padding:12px 0 0}
    #peterpen-page-designs .footer-columns>section{min-width:0}
    #peterpen-page-designs .site-footer p{margin:0;overflow-wrap:anywhere}
    #peterpen-page-designs .footer-company-heading{display:grid;gap:4px}
    #peterpen-page-designs .footer-company-heading h2{margin:0;color:var(--ink);font-size:16px;line-height:1.6;font-weight:700;letter-spacing:-.04em}
    #peterpen-page-designs .footer-business summary{width:fit-content;min-height:44px;min-width:44px;align-content:center;color:var(--ink);cursor:pointer}
    #peterpen-page-designs .footer-business-registration,#peterpen-page-designs .footer-identity,#peterpen-page-designs .footer-support{display:flex;flex-wrap:wrap;gap:0 16px}
    #peterpen-page-designs .footer-support{margin-top:8px}
    #peterpen-page-designs .footer-summary-brand{display:none}
    #peterpen-page-designs .footer-help>span{display:inline-flex;align-items:center}
    #peterpen-page-designs .footer-identity,#peterpen-page-designs .footer-value-row{min-width:0;max-width:100%;overflow-wrap:anywhere}
    #peterpen-page-designs .footer-value-row:has(>:is([data-company-field],[data-footer-value]):empty),#peterpen-page-designs :is(.footer-identity,.footer-business-registration):not(:has([data-company-field]:not(:empty))),#peterpen-page-designs :is(.footer-business,.footer-support):not(:has(:is([data-company-field],[data-footer-value]):not(:empty))){display:none}
    #peterpen-page-designs .footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0 16px}
    @media(hover:hover) and (pointer:fine){#peterpen-page-designs .site-footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}}
    @media(min-width:768px){#peterpen-page-designs .footer-business summary{display:none}#peterpen-page-designs .footer-business::details-content{content-visibility:visible;display:block}#peterpen-page-designs .footer-business>.footer-fields{display:block;margin-top:4px}}
    @media(max-width:767px){#peterpen-page-designs .site-footer{margin-top:16px;padding:0 0 calc(65px + env(safe-area-inset-bottom,0px))}#peterpen-page-designs .footer-inner{padding:4px 12px 8px}#peterpen-page-designs .footer-navigation{display:grid;gap:0}#peterpen-page-designs .footer-columns{padding:12px 0 4px}#peterpen-page-designs .footer-business[open]>.footer-fields{padding-bottom:8px}#peterpen-page-designs:not([data-reader-active="true"]):has(>.site-footer) .product.phone{padding-bottom:0}}
    /* Match the outer product frame while keeping the footer content boundary. */
    #peterpen-page-designs .site-footer{inline-size:100%;max-inline-size:var(--pp-layout-frame-max,1920px);margin-inline:auto;border:1px solid var(--line);border-radius:16px}
    #peterpen-page-designs:has(.product.phone,.desktop-shell.phone) .site-footer{max-inline-size:var(--pp-layout-mobile-max,767px);border-inline:0;border-radius:0}
    /* Short pages keep the footer at the bottom of the screen instead of mid-page. */
    #peterpen-page-designs:not([data-reader-active="true"]):has(>.site-footer){display:flex;flex-direction:column;min-block-size:100dvh}
    #peterpen-page-designs:not([data-reader-active="true"]):has(>.site-footer)>.stage{flex:1 0 auto}
    @media(max-width:767px){#peterpen-page-designs .site-footer{border-inline:0;border-radius:0}}
    @media(max-width:767px){#peterpen-page-designs .site-footer{font-size:12px}#peterpen-page-designs .site-footer nav{gap:0 8px}#peterpen-page-designs .footer-bottom{gap:0 8px}#peterpen-page-designs .footer-summary-brand{display:inline;margin-right:12px;font-size:16px;font-weight:700;letter-spacing:-.04em}#peterpen-page-designs .footer-company:has(.footer-business :is([data-company-field],[data-footer-value]):not(:empty))>.footer-company-heading{display:none}}