/* 1A-Cards – komplett neuer Neuaufbau */
:root {
    --zoom-level: 1;
    --bg: rgba(255, 255, 255, 0.82);
    --bg-soft: rgba(246, 249, 253, 0.88);
    --bg-strong: rgba(235, 241, 248, 0.94);
    --text: #142131;
    --muted: #5b6879;
    --line: rgba(20, 33, 49, 0.1);
    --shadow: 0 20px 55px rgba(18, 34, 52, 0.14);
    --accent: #1e7be5;
    --accent-strong: #115dc0;
    --radius-xl: 28px;
    --radius-lg: 20px;
    --radius-md: 14px;
    --content-width: 1320px;
    --focus: 0 0 0 3px rgba(30, 123, 229, 0.25);
    --sender-label: #1168c9;
    --recipient-label: #a844f5;
    --label-font: 'Georgia','Times New Roman',serif;
}

body[data-theme="dark"] {
    --bg: rgba(16, 25, 38, 0.9);
    --bg-soft: rgba(22, 33, 49, 0.92);
    --bg-strong: rgba(27, 40, 58, 0.96);
    --text: #eef4ff;
    --muted: #b4c1d1;
    --line: rgba(255, 255, 255, 0.1);
    --shadow: 0 22px 62px rgba(0, 0, 0, 0.28);
    --accent: #71b4ff;
    --accent-strong: #9bccff;
    --focus: 0 0 0 3px rgba(113, 180, 255, 0.28);
    --sender-label: #8ec8ff;
    --recipient-label: #f3a7ff;
}
*{box-sizing:border-box}
html{font-size:calc(16px * var(--zoom-level));scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:'Segoe UI','Inter','Arial',sans-serif;color:var(--text);background:linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0.04)),url('../../img/bg.png') center/cover fixed no-repeat;transition:background-color .25s ease,color .25s ease}
body::before{content:'';position:fixed;inset:0;backdrop-filter:blur(1px);pointer-events:none}
img{max-width:100%;display:block}
button,input,textarea,select,a{font:inherit}
button,a{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}
button:hover,a:hover{transform:translateY(-1px)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;background:#fff;color:#000;padding:.85rem 1rem;border-radius:0 0 12px 12px}
.skip-link:focus{left:1rem}
.page-shell{position:relative;z-index:1;width:min(100% - 1.4rem, var(--content-width));margin:0 auto;padding:1rem 0 2rem}
.top-panel,.category-panel,.cards-panel,.site-footer,.modal-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.top-panel{padding:1rem 1.1rem 1.2rem}
.brand-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem}
.brand-row--centered{justify-content:center}
.brand-block{display:flex;align-items:center;gap:1rem;min-width:0}
.brand-block--centered{text-align:center}
.brand-block--stacked{flex-direction:column;justify-content:center}
.logo{width:clamp(140px, 22vw, 240px);height:auto;border-radius:24px;box-shadow:0 18px 42px rgba(12,24,35,.18)}
h1,h2,h3,p{margin:0}
h2{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.12;letter-spacing:-.02em}
h3{font-size:1.15rem;line-height:1.18}
.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;margin-bottom:.35rem}
.slogan{color:var(--muted);margin-top:.2rem;font-size:1rem}
.slogan--centered{text-align:center;font-size:1.02rem}
.home-link--full{width:100%;min-height:68px;border-radius:18px;padding:1rem 1.05rem;justify-content:flex-start;font-size:1.02rem}
.home-link,.primary-button,.secondary-button,.footer-button,.install-button,.dispatch-button{border-radius:999px;text-decoration:none;cursor:pointer;border:1px solid transparent;padding:.85rem 1.2rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.55rem}
.home-link,.primary-button,.install-button{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:0 12px 28px rgba(17,93,192,.25)}
.primary-button.is-invalid{background:linear-gradient(135deg,#c44949,#a11f1f);box-shadow:0 12px 28px rgba(161,31,31,.25)}
.primary-button.is-valid{background:linear-gradient(135deg,#2ca34a,#1d8738);box-shadow:0 12px 28px rgba(29,135,56,.25)}
.primary-button:disabled{opacity:1;cursor:not-allowed}
.secondary-button,.footer-button{background:var(--bg-strong);color:var(--text);border-color:var(--line)}
.tile-strip{display:flex;align-items:stretch;justify-content:center;gap:.55rem}
.tile-grid{display:grid;grid-template-columns:repeat(7,minmax(78px,108px));justify-content:center;gap:.5rem;min-width:0}
.tile-strip-arrow{display:none;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg-soft);color:var(--accent);border-radius:14px;min-width:38px;padding:0;cursor:pointer;font-size:1.45rem;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(18,34,52,.08)}
.tile-strip-arrow span{transform:translateY(-1px)}
.tile-strip-arrow:disabled{opacity:.42;cursor:default}
.quick-tile{border-radius:14px;border:1px solid var(--line);background:var(--bg-soft);padding:.45rem .35rem;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;text-align:center;min-height:58px}
.quick-tile--small{min-height:58px}
.tile-link{text-decoration:none}
.tile-icon{width:1.9rem;height:1.9rem;border-radius:10px;display:inline-grid;place-items:center;background:rgba(30,123,229,.12);font-size:1rem;font-weight:800;color:var(--accent);overflow:hidden}
.tile-icon--app{background:transparent;border:1px solid rgba(30,123,229,.14)}
.tile-icon--app img{width:100%;height:100%;display:block;border-radius:9px;object-fit:cover}
.tile-title{display:block;font-size:.68rem;font-weight:800;line-height:1.08}
.quick-tile--radio{padding:.28rem .28rem;gap:.2rem}
.radio-tile-name{display:block;font-size:.52rem;font-weight:800;line-height:1;letter-spacing:.02em}
.radio-tile-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem;width:100%}
.radio-stream-button{border:1px solid var(--line);background:var(--bg-strong);color:var(--accent);border-radius:9px;min-height:22px;padding:0;display:grid;place-items:center;font-size:.76rem;font-weight:800;cursor:pointer}
.radio-stream-button.is-playing{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent}
.radio-tile-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem;width:100%;font-size:.44rem;font-weight:700;line-height:1.05;color:var(--muted)}
.cards-layout{display:grid;grid-template-columns:minmax(300px,360px) 1fr;gap:1rem;margin-top:1rem;align-items:start}
.category-panel,.cards-panel{padding:1.25rem}
.panel-heading{margin-bottom:1rem}
.panel-heading--spaced{margin-top:1rem}
.panel-heading--cards{margin-bottom:0;display:grid;gap:.45rem}
.category-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.category-toolbar .home-link--full,.category-toolbar .category-toggle{width:auto;min-width:11.25rem;min-height:54px;padding:.72rem 1rem;border-radius:16px;justify-content:center;font-size:.96rem;line-height:1.12;white-space:nowrap;flex:0 0 11.25rem}
.category-toolbar .home-link--full{justify-content:center}
.category-buttons{display:grid;gap:.95rem}
.category-button{border:0;border-radius:18px;padding:1rem 1.05rem;min-height:68px;text-align:left;color:#fff;font-weight:800;font-size:1.02rem;line-height:1.25;cursor:pointer;box-shadow:0 14px 32px rgba(18,34,52,.16)}
.category-button.is-active{outline:3px solid rgba(255,255,255,.56);transform:translateY(-1px)}
.home-view{display:grid;gap:1rem}
.home-copy{display:grid;gap:1rem;line-height:1.76;max-width:980px}
.home-copy p{color:var(--muted)}
.home-copy strong{color:var(--text)}
.home-banner{display:grid;place-items:center;padding:1rem 0 1.6rem;overflow:visible}
.home-banner a{display:flex;align-items:center;justify-content:center;width:min(100%,740px);max-width:740px;min-height:132px}
.banner-image{display:block;width:100%;max-width:740px;height:auto;max-height:none;object-fit:contain;border-radius:20px;border:1px solid var(--line);box-shadow:0 18px 40px rgba(18,34,52,.16)}
.app-showcase{display:grid;grid-template-columns:minmax(210px,320px) 1fr;gap:1rem;align-items:center;padding:1rem;border-radius:22px;border:1px solid var(--line);background:var(--bg-soft)}
.app-showcase--modal{padding:0;border:0;background:transparent}
.app-showcase--install{grid-template-columns:minmax(280px,420px) 1fr;align-items:center}
.app-preview-large{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:18px;border:1px solid var(--line)}
.app-showcase-copy{display:grid;gap:.7rem}
.app-install-note{border:1px solid var(--line);background:var(--bg-soft);border-radius:18px;padding:1rem 1.05rem;line-height:1.6;color:var(--muted)}
.modal-actions--app{justify-content:flex-end}
.install-button.is-secondary{background:var(--bg-strong);color:var(--text);border-color:var(--line);box-shadow:none}
.cards-meta{display:none}
.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-height:270px}
.cards-subtitle{color:var(--muted);font-weight:600;line-height:1.5}
.cards-divider{width:100%;height:1px;background:var(--line);margin-top:.15rem}
.cards-spacer{height:.55rem}
.card-item,.empty-state{border-radius:22px;border:1px solid var(--line);background:var(--bg-soft);overflow:hidden;box-shadow:0 12px 28px rgba(18,34,52,.1)}
.card-item{display:flex;flex-direction:column}
.card-item button{cursor:pointer;border:0;background:transparent;color:inherit;text-align:left;height:100%;padding:.8rem}
.card-visual{position:relative;isolation:isolate;overflow:hidden;min-height:250px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg, rgba(30,123,229,.08), rgba(255,255,255,.14));display:grid;place-items:center;padding:.65rem}
.card-preview-image{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:14px;user-select:none;-webkit-user-drag:none;pointer-events:none;touch-action:none}
.card-image-protection-layer{position:absolute;inset:0;z-index:2;border-radius:inherit;background:transparent}
.card-preview-logo{position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;line-height:0;pointer-events:none}
.card-preview-logo img{display:block;width:clamp(46px,22%,74px);height:auto;border:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22))}
.card-fallback-letter{width:78px;height:78px;border-radius:28px;display:grid;place-items:center;background:rgba(30,123,229,.14);color:var(--accent);font-size:2.2rem;font-weight:800}

.empty-state{grid-column:1/-1;padding:1.35rem;display:grid;gap:.6rem;align-content:start}
.empty-state p{color:var(--muted);line-height:1.6}
.site-footer{margin-top:1rem;padding:1.1rem 1.25rem;display:grid;justify-items:center;gap:.7rem;text-align:center}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem}
.footer-copy{color:var(--muted)}
.footer-copy a{color:inherit;text-decoration:none;font-weight:700}
.modal-backdrop{position:fixed;inset:0;background:rgba(12,19,30,.56);backdrop-filter:blur(6px);z-index:40}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem}
.modal-card{width:min(100%,1180px);max-height:min(92vh,1100px);display:flex;flex-direction:column;overflow:hidden}
.modal-card--text{width:min(100%,860px)}
.modal-card--app{width:min(100%,900px)}
.modal-card--send{width:min(100%,980px)}
.modal-card--success{width:min(100%,520px)}
.modal-head,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
.modal-actions{border-bottom:0;border-top:1px solid var(--line);flex-wrap:wrap}
.modal-close{border:1px solid var(--line);background:var(--bg-strong);color:var(--text);border-radius:999px;padding:.7rem 1rem;cursor:pointer;font-weight:700}
.modal-head--single{justify-content:center;text-align:center}
.modal-head--send-title-only{align-items:center}
.modal-content{padding:1.25rem;overflow:auto}
.modal-card--contact{width:min(100%,860px)}
.contact-panel{display:grid;gap:1rem}
.contact-intro{display:grid;gap:1rem;line-height:1.7;justify-items:center;text-align:center;padding:.25rem 0 1.1rem}
.contact-intro p{color:var(--text)}
.contact-logo{width:min(100%,240px);height:auto;object-fit:contain}
.contact-intro-line{max-width:560px;font-size:1.02rem}
.contact-whatsapp{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;align-self:center;text-decoration:none;color:var(--text);font-weight:800;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:20px;background:var(--bg-soft);min-width:min(100%,240px)}
.contact-whatsapp img{width:56px;height:56px;object-fit:contain;display:block}
.contact-whatsapp span{display:grid;gap:.15rem;justify-items:center}
.contact-form{display:grid;gap:1rem}
.contact-required-note{color:var(--muted);font-size:.92rem}
.modal-actions--contact{padding:0;border:0;justify-content:flex-start}
.modal-card--contact-success{width:min(100%,460px)}

.prose{line-height:1.7;display:grid;gap:.8rem}
.prose h3{margin-top:1rem}
.prose p,.prose li{color:var(--muted)}
.prose a{color:var(--accent)}
.selected-card-preview{display:grid;grid-template-columns:minmax(250px,330px) 1fr;gap:1.15rem;margin-bottom:1rem;align-items:center}
.selected-card-image-shell{position:relative;display:inline-block;justify-self:start;max-width:100%;overflow:hidden;isolation:isolate;border-radius:18px}
.selected-card-image-shell img,.selected-card-fallback{border-radius:18px;border:1px solid var(--line)}
.selected-card-image-shell #selectedCardImage{position:relative;z-index:1;display:block;width:auto;max-width:100%;height:auto;max-height:295px;background:var(--bg-soft);object-fit:contain;box-shadow:0 12px 24px rgba(18,34,52,.08);user-select:none;-webkit-user-drag:none;pointer-events:none;touch-action:none}
.selected-card-image-shell #selectedCardImage[data-orientation="portrait"]{max-height:335px}
.selected-card-logo-link{position:absolute;right:12px;bottom:12px;display:inline-flex;z-index:4;border-radius:14px;line-height:0}
.selected-card-logo-link:focus-visible,.card-corner-logo:focus-visible{outline:3px solid rgba(30,123,229,.48);outline-offset:3px}
.selected-card-logo{display:block;width:clamp(62px,18vw,92px);height:auto;border:none !important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));background:transparent !important;pointer-events:auto;cursor:pointer}
.selected-card-fallback{width:100%;min-height:210px;display:grid;place-items:center;background:linear-gradient(135deg, rgba(30,123,229,.14), rgba(255,255,255,.18));font-size:3rem;font-weight:800;color:var(--accent)}
.dispatch-options{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}
.dispatch-button{background:var(--bg-soft);color:var(--text);border-color:var(--line)}
.dispatch-button.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff}
.dispatch-form{display:grid;gap:1rem}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.form-grid label,.send-time-group{display:grid;gap:.55rem}
.form-grid span,.send-time-group legend{font-weight:700}
.field-label{display:inline-block;letter-spacing:.01em}
.field-label--sender{color:var(--text)}
.field-label--recipient{color:var(--text)}
.sender-field input,.recipient-field input{border-width:2px;box-shadow:none}
.sender-field input{border-color:#cf2d2d}
.recipient-field input{border-color:#1f6fe0}
.sender-field input:focus,
.sender-field input:focus-visible{border-color:#b71c1c;box-shadow:0 0 0 3px rgba(207,45,45,.18)}
.recipient-field input:focus,
.recipient-field input:focus-visible{border-color:#1459b5;box-shadow:0 0 0 3px rgba(31,111,224,.18)}
body[data-theme="dark"] .sender-field input{border-color:#ff8b8b}
body[data-theme="dark"] .recipient-field input{border-color:#8fc2ff}
body[data-theme="dark"] .sender-field input:focus,
body[data-theme="dark"] .sender-field input:focus-visible{border-color:#ffb4b4;box-shadow:0 0 0 3px rgba(255,139,139,.18)}
body[data-theme="dark"] .recipient-field input:focus,
body[data-theme="dark"] .recipient-field input:focus-visible{border-color:#b7daff;box-shadow:0 0 0 3px rgba(143,194,255,.18)}
.full-width{grid-column:1/-1}
input,textarea,select{width:100%;background:var(--bg-soft);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;resize:vertical}
input[type="color"]{padding:.35rem;height:52px}
input[type="file"]{padding:.75rem .9rem}
.send-time-group{border:1px solid var(--line);border-radius:16px;padding:1rem}
.inline-choice{display:flex !important;align-items:center;gap:.7rem;cursor:pointer}
.inline-choice input{width:auto}
.consent-row{align-items:start}
.consent-control{display:flex;align-items:flex-start;gap:.75rem;line-height:1.5;font-weight:600}
.consent-control input{width:auto;margin-top:.2rem}
.consent-control a{color:var(--accent);text-decoration:none;font-weight:800}
.math-row{justify-items:start}
.math-row strong{color:var(--accent)}
.math-row input{width:min(120px,100%);padding:.8rem .9rem}
.schedule-only[hidden],.mail-only[hidden]{display:none !important}
.form-note,.status-box{border-radius:18px;padding:.95rem 1rem;line-height:1.55}
.form-note{background:rgba(30,123,229,.08);color:var(--muted)}
.status-box{background:rgba(30,123,229,.08);border:1px solid rgba(30,123,229,.18)}
.status-box.is-error{background:rgba(212,73,73,.08);border-color:rgba(212,73,73,.18)}
.success-content{display:grid;gap:.8rem;text-align:center;line-height:1.6}
.success-content p{margin:0}
.success-note{color:var(--muted)}
[hidden]{display:none !important}
@media (max-width:1180px){.tile-grid{grid-template-columns:repeat(7,minmax(72px,1fr))}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:980px){.tile-grid{grid-template-columns:repeat(7,minmax(64px,1fr))}.cards-layout{grid-template-columns:1fr}.app-showcase,.app-showcase--install{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-visual{min-height:230px}}
@media (max-width:860px){.page-shell{width:min(100% - 1rem,var(--content-width))}.site-footer,.modal-head,.modal-actions,.selected-card-preview{align-items:stretch;flex-direction:column}.selected-card-image-shell{justify-self:center}.brand-block{align-items:center;justify-content:center;text-align:center}.form-grid{grid-template-columns:1fr}.logo{width:clamp(132px,40vw,190px)}}
@media (max-width:640px){.tile-strip{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:.22rem}.tile-strip-arrow{display:inline-flex;min-width:34px;min-height:52px;border-radius:12px}.tile-grid{display:flex;grid-template-columns:none;justify-content:flex-start;gap:.35rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-behavior:smooth;padding-bottom:.15rem;-ms-overflow-style:none;scrollbar-width:none}.tile-grid::-webkit-scrollbar{display:none}.quick-tile{flex:0 0 64px;min-height:52px;padding:.35rem .1rem;scroll-snap-align:start}.tile-icon{width:1.8rem;height:1.8rem;font-size:.98rem}.tile-title{display:none}.quick-tile--radio{padding:.22rem .08rem;gap:.16rem}.radio-tile-name{display:none}.radio-stream-button{min-height:20px;border-radius:8px;font-size:.7rem}.radio-tile-labels{gap:.12rem;font-size:.39rem}.cards-grid{grid-template-columns:1fr}.card-item button{padding:.65rem}.card-visual{min-height:210px;padding:.55rem}.top-panel,.category-panel,.cards-panel,.site-footer{border-radius:22px}.home-link--full{width:100%}.home-banner{padding:.6rem 0 1rem}.home-banner a{width:100%;max-width:100%;min-height:0}.banner-image{width:100%;max-width:100%;height:auto;object-fit:contain}.contact-whatsapp{width:100%}.contact-logo{width:min(100%,210px)}.contact-intro-line{font-size:.98rem}.site-footer{justify-items:start;padding:.95rem .78rem .9rem;text-align:left}.footer-links{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.28rem;width:100%;margin-left:-.08rem}.footer-button{flex:0 1 auto;min-width:0;padding:.5rem .66rem;font-size:.74rem;line-height:1.05;white-space:nowrap}.footer-copy{justify-self:start;font-size:.82rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}

@media (max-width:720px){.form-grid{grid-template-columns:1fr}}


.category-panel .eyebrow{
    font-size:.92rem;
    line-height:1.2;
}

.card-corner-logo{
    position:absolute;
    right:12px;
    bottom:12px;
    display:inline-flex;
    z-index:4;
    border-radius:14px;
    text-decoration:none;
    line-height:0;
}
.card-corner-logo img{
    display:block;
    width:clamp(62px,18vw,92px);
    height:auto;
    border:0;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));
}
.shared-card-image-wrap{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}
.shared-card-image{
    position:relative;
    z-index:1;
    user-select:none;
    -webkit-user-drag:none;
    pointer-events:none;
    touch-action:none;
}

@media (max-width:720px){
    .category-panel .eyebrow{font-size:.98rem}
    .card-preview-logo{right:8px;bottom:8px}
    .card-preview-logo img{width:56px}
    .selected-card-logo-link,.card-corner-logo{right:10px;bottom:10px}
    .selected-card-logo,.card-corner-logo img{width:72px}
}

@media (max-width:640px){
    body.category-menu-open{overflow:hidden}

    .category-panel{
        position:relative;
        z-index:5;
        overflow:visible;
        padding:1rem;
    }

    .category-panel.is-mobile-menu-open{
        z-index:40;
    }

    .category-toolbar{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.5rem;
        align-items:stretch;
    }

    .category-toolbar .home-link--full,
    .category-toolbar .category-toggle{
        width:100%;
        min-width:0;
        min-height:46px;
        padding:.58rem .55rem;
        border-radius:16px;
        justify-content:center;
        font-size:.84rem;
        line-height:1.1;
        flex:none;
    }

    .category-heading,
    .category-menu-heading{
        display:none;
    }

    .category-menu{
        display:none;
        position:absolute;
        top:calc(100% - .3rem);
        left:0;
        right:0;
        z-index:45;
        padding:0;
        background:transparent;
    }

    .category-panel.is-mobile-menu-open .category-menu{
        display:block;
    }

    .category-menu-card{
        width:100%;
        max-height:min(72vh,560px);
        overflow:auto;
        padding:.9rem;
        border:1px solid var(--line);
        border-radius:22px;
        background:var(--bg);
        box-shadow:var(--shadow);
        backdrop-filter:blur(16px);
    }

    .category-menu-card .category-buttons{
        gap:.72rem;
    }

    .category-menu-card .category-button{
        min-height:54px;
        padding:.78rem .9rem;
        font-size:.95rem;
    }

    .cards-close-wrap{
        display:flex;
        justify-content:center;
        margin-top:1.4rem;
        padding-top:.2rem;
    }

    .cards-close-button{
        width:min(100%,220px);
        min-height:50px;
        padding:.72rem 1rem;
    }
}
@media (min-width:641px){
    .category-toggle,
    .category-heading{
        display:none !important;
    }

    .category-panel{
        align-items:flex-start;
    }

    .category-toolbar{
        display:flex;
        justify-content:flex-start;
        align-items:center;
        gap:0;
    }

    .category-toolbar .home-link--full{
        min-width:0;
        min-height:50px;
        padding:.72rem 1rem;
        border-radius:16px;
        font-size:.94rem;
        line-height:1.12;
        white-space:nowrap;
        justify-content:center;
        flex:0 0 auto;
    }

    .category-menu{
        margin-top:.45rem;
    }

    .category-menu-heading{
        margin:0 0 .8rem;
        text-align:center;
    }

    .category-menu-heading .eyebrow{
        margin:0;
        color:var(--text);
        text-transform:none;
        letter-spacing:0;
        font-size:1.1rem;
        font-weight:800;
        line-height:1.25;
    }

    .category-buttons{
        display:inline-grid;
        grid-template-columns:minmax(0,1fr);
        justify-content:flex-start;
        justify-items:stretch;
        gap:.72rem;
        width:max-content;
        max-width:100%;
    }

    .category-button{
        width:100%;
        min-height:50px;
        padding:.72rem 1rem;
        border-radius:16px;
        font-size:.94rem;
        line-height:1.12;
        white-space:nowrap;
    }
}