/* Shared responsive components: public, member and management pages. */
:root{--ham-bg:#fff;--ham-text:#1d2941;--ham-muted:#637086;--ham-line:#e1e7ef;--ham-accent:#145c55;--ham-soft:#eef7f5}
html.dark{--ham-bg:#172438;--ham-text:#edf2f7;--ham-muted:#b1bfd1;--ham-line:#34465c;--ham-accent:#75dac5;--ham-soft:#213b40}
.ham-page{padding-block:36px 64px}.ham-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.ham-heading h1{font-size:clamp(23px,3vw,34px);font-weight:800;margin:8px 0}.ham-heading h2{font-size:23px;font-weight:800}.ham-eyebrow{color:var(--ham-accent);font-size:13px;font-weight:700}.ham-muted,.ham-heading p{color:var(--ham-muted);line-height:1.9}.ham-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;margin-block:20px}.ham-campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ham-card{background:var(--ham-bg);color:var(--ham-text);border:1px solid var(--ham-line);border-radius:20px;padding:22px;min-width:0;margin-bottom:16px;box-shadow:0 5px 24px #10223b06}.ham-card h2,.ham-card h3,.ham-card h4{color:inherit;font-weight:750;margin:10px 0;line-height:1.7}.ham-card p{line-height:1.9}.ham-campaign{padding:0;overflow:hidden;display:flex;flex-direction:column}.ham-cover{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ham-soft)}.ham-cover img{height:100%;width:100%;object-fit:cover;transition:transform .25s}.ham-cover:hover img{transform:scale(1.03)}.ham-card-body{padding:22px;display:flex;flex-direction:column;flex:1;gap:10px}.ham-card-body>.ham-button{margin-top:auto}.ham-tags,.ham-nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ham-nav{margin-block:16px}.ham-nav a{padding:10px 14px;background:var(--ham-soft);color:var(--ham-accent);border-radius:10px}.ham-tag{background:var(--ham-soft);color:var(--ham-accent);font-size:12px;padding:5px 10px;border-radius:30px;display:inline-block}.ham-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #145c55;background:#145c55;color:#fff!important;border-radius:12px;padding:12px 20px;font-weight:700;text-decoration:none;cursor:pointer;min-height:44px}.ham-button:hover{background:#0d4943}.ham-button-outline{background:transparent;color:var(--ham-accent)!important;border-color:var(--ham-line)}.ham-money{display:block;font-size:14px}.ham-money strong{font-size:20px;overflow-wrap:anywhere}.ham-money small{display:block;font-size:11px;color:var(--ham-muted);line-height:1.9;font-weight:400}.ham-amounts{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-block:1px solid var(--ham-line);padding-block:14px}.ham-amounts dt{color:var(--ham-muted);font-size:12px;margin-bottom:6px}.ham-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.ham-stats>article>strong{display:block;font-size:28px;margin-top:8px}.ham-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-block:16px}.ham-filters input:not([type=checkbox]):not([type=hidden]),.ham-filters select,.ham-input{min-width:0;flex:1 1 155px;width:auto;border:1px solid var(--ham-line);border-radius:10px;background:var(--ham-bg);color:var(--ham-text);padding:11px;min-height:44px;font:inherit}.ham-filters label{display:flex;align-items:center;gap:6px}.ham-input{display:block;width:100%}.ham-table-wrap{overflow:auto;max-width:100%;border-radius:14px;border:1px solid var(--ham-line);background:var(--ham-bg)}.ham-table{width:100%;border-collapse:collapse;min-width:640px;color:var(--ham-text)}.ham-table th,.ham-table td{padding:14px;text-align:right;border-bottom:1px solid var(--ham-line)}.ham-table th{background:var(--ham-soft);font-weight:700}.ham-table td small,td>small{display:block;color:var(--ham-muted)}.ham-ref{display:block;direction:ltr;unicode-bidi:embed;text-align:right;font-family:monospace;font-size:15px;overflow-wrap:anywhere}.ham-ref-large{font-size:clamp(18px,3vw,30px);text-align:center;padding:24px;background:var(--ham-soft);border-radius:12px;margin-block:16px}.ham-receipt{max-width:650px;margin:30px auto;text-align:center}.ham-dialog{width:min(560px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid var(--ham-line);border-radius:22px;color:var(--ham-text);background:var(--ham-bg);margin:auto}.ham-dialog::backdrop{background:#102038aa}.ham-dialog h2{font-size:24px;font-weight:800}.ham-dialog li{margin:14px 20px;list-style:decimal;line-height:1.9}.ham-close{float:left;font-size:28px;padding:5px 12px}.ham-video{width:100%;max-height:500px;border-radius:16px;margin-block:24px;background:#000}.ham-chart>div{display:grid;grid-template-columns:90px 1fr 110px;gap:12px;align-items:center;margin-top:18px;font-size:13px}.ham-chart-track{height:16px;background:var(--ham-soft);border-radius:20px;overflow:hidden}.ham-chart-track>span{display:block;height:100%;background:#238b7d;border-radius:20px}.ham-chart>div:nth-child(3) .ham-chart-track>span{background:#d89143}.ham-chart figcaption{font-weight:700}.ham-badges{display:flex;flex-wrap:wrap;gap:16px}.ham-badges figure{background:var(--ham-soft);border-radius:14px;padding:16px;text-align:center;min-width:110px}.ham-badges img{object-fit:contain;margin:auto}.ham-badges figure>span{font-size:40px}.ham-badges figcaption{margin-top:8px;font-size:13px}.ham-points{background:var(--ham-soft);padding:14px 24px;border-radius:16px;font-size:24px;color:var(--ham-accent)}
.ham-news-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;padding-block:32px}.ham-news-box{border:1px solid var(--ham-line);border-radius:24px;background:var(--ham-bg);padding:26px;display:flex;flex-direction:column;min-width:0;color:var(--ham-text)}.ham-news-box footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--ham-line)}.ham-news-box footer a{width:100%}.ham-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:24px}.ham-news-item>a{display:flex;gap:12px;align-items:center;color:inherit}.ham-news-item img{width:95px;height:82px;object-fit:cover;border-radius:12px;flex:none}.ham-news-item h3{font-size:14px;line-height:1.9;margin:8px 0;font-weight:700}.ham-news-item time,.ham-notice-list time{font-size:12px;color:var(--ham-muted)}.ham-news-item span,.ham-notice-list a>span{font-size:12px;color:var(--ham-accent)}.ham-news-feature{grid-column:1/-1}.ham-news-feature>a{display:block}.ham-news-feature img{width:100%;height:240px}.ham-news-feature h3{font-size:20px}.ham-news-feature>a>div{padding-top:12px}.ham-notice-list{padding-bottom:24px}.ham-notice-list article{padding:18px 0;border-bottom:1px solid var(--ham-line)}.ham-notice-list article:first-child{padding-top:0}.ham-notice-list article:last-child{border:0}.ham-notice-list h3{font-size:17px;line-height:1.8;font-weight:750;margin-block:8px}.ham-notice-list p{font-size:13px;line-height:1.9;color:var(--ham-muted);margin-bottom:12px}
/* Shared layout containment, preserve inner table scrolling rather than clipping content. */
*,*::before,*::after{box-sizing:border-box}img,video,canvas,svg{max-width:100%}main,.fum-shell,.fum-main,#main-content,.shop-site-shell{min-width:0}input,select,textarea{max-width:100%}pre{max-width:100%;overflow:auto}.fum-main{max-width:none!important}.fum-main .fum-legacy-page{max-width:none}.fum-main table{max-width:100%}html.dark .fum-main :is(.bg-white,.bg-gray-50,.bg-indigo-50){background-color:var(--ham-bg);color:var(--ham-text)}html.dark .fum-main :is(.text-gray-800,.text-gray-700,.text-gray-600){color:var(--ham-text)}html.dark .fum-main :is(input,select,textarea){background-color:var(--ham-bg);color:var(--ham-text);border-color:var(--ham-line)}html.dark .fum-main :is(.border,.border-t,.border-b){border-color:var(--ham-line)}
@media(min-width:1024px){.fum-panel.is-collapsed .fum-sidebar{transform:translateX(110%);pointer-events:none}.fum-panel.is-collapsed .fum-shell{margin-right:0!important;width:100%}.fum-shell{transition:margin .2s}.fum-sidebar{transition:transform .2s}}
@media(max-width:1100px){.ham-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ham-news-layout{grid-template-columns:1fr}.shop-header__nav ul{gap:10px}}
@media(max-width:767px){.ham-page{padding-block:22px 40px}.ham-campaign-grid{grid-template-columns:minmax(0,1fr)}.ham-heading{gap:12px}.ham-card{padding:18px;border-radius:16px}.ham-campaign{padding:0}.ham-card-body{padding:18px}.ham-grid{gap:14px}.ham-filters>input:not([type=checkbox]),.ham-filters>select{flex:1 1 calc(50% - 12px);width:calc(50% - 12px)}.ham-filters>input[type=search]{flex-basis:100%}.ham-heading .ham-nav{width:100%}.ham-news-box{padding:18px}.ham-news-grid{grid-template-columns:1fr}.ham-news-feature img{height:200px}.ham-news-feature h3{font-size:18px}.ham-news-layout{padding-block:22px;gap:16px}.ham-chart>div{grid-template-columns:65px 1fr 90px;gap:6px;font-size:11px}.ham-money strong{font-size:18px}.ham-amounts{gap:10px}.ham-dialog{padding:20px}.ham-nav a{font-size:13px}.ham-table-wrap{overscroll-behavior-inline:contain}.fum-main{padding-inline:14px!important}.fum-main .p-6{padding:18px}.fum-main .fum-legacy-page{width:100%}.fum-header__meta{min-width:0}.shop-site-shell{max-width:100%}.shop-header__user-meta{max-width:130px;overflow:hidden}.fum-main table:not(.fc-scrollgrid){min-width:520px}.fum-main .ham-chart table{min-width:0}#main-content{margin-left:0!important;margin-right:0!important;width:100%;padding:14px}.block-header .row{row-gap:12px}#main-content .form-control{font-size:16px}.modal-dialog{margin:12px;max-width:calc(100% - 24px)}.modal-content{max-height:90dvh;overflow:auto}.ham-input{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.ham-cover img,.fum-sidebar,.fum-shell{transition:none}}

.fum-notif-page,.fum-notif-shell,.fum-notif-container{max-width:none!important;width:100%}.fum-notif-drawer__panel{inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;border-radius:0!important}.fum-notif-drawer__content{max-width:1000px;margin-inline:auto;width:100%}.fum-main .ham-table-wrap>table{display:table;width:100%;overflow:visible}.ham-rewards{margin-block:20px}.ham-report>h3{font-weight:800;font-size:20px;margin-block:24px}
html.dark .fum-main :is(.bg-gray-100,.bg-indigo-100,.bg-amber-50){background-color:var(--ham-soft)}html.dark .fum-main :is(.text-indigo-600,.text-indigo-700,.text-emerald-600){color:#83decb}html.dark .fum-main :is(.text-gray-500,.text-gray-400){color:var(--ham-muted)}
@media(max-width:767px){.ham-table-wrap table{min-width:560px!important}.ham-rewards .ham-heading{align-items:flex-start}.ham-rewards .ham-stats{grid-template-columns:1fr}.ham-filters>button{flex:1 1 100%}.ham-news-item>a{align-items:flex-start}.ham-news-feature>a{display:block}}

.fum-notif{width:100%!important;max-width:none!important}.ham-notice-list article a{display:block}.ham-news-item a:focus-visible,.ham-button:focus-visible,.ham-filters :focus-visible{outline:3px solid #d4a848;outline-offset:3px}.ham-pagination{margin-block:24px}.ham-page .fum-legacy-page{max-width:none;width:100%}.ham-report{margin-block:24px}.ham-table-wrap table{table-layout:auto}
@media(max-width:767px){.fum-main .flex.justify-between{flex-wrap:wrap;gap:12px}.fum-main .grid{min-width:0}.fum-notif-drawer__content{padding-inline:20px!important}.ham-card-body h2{font-size:20px}}
.ham-filters label{min-width:0;max-width:100%;flex-wrap:wrap}.ham-filters input[type=file]{width:100%;min-width:0;flex-basis:100%;padding:8px}.ham-filters label:has(input[type=file]){flex:1 1 240px}

html.dark .fum-main :is(.bg-slate-50,.bg-slate-100,.bg-gray-200){background-color:var(--ham-soft);color:var(--ham-text)}html.dark .fum-main :is(.text-slate-500,.text-slate-600){color:var(--ham-muted)}html.dark .fum-main :is(.text-blue-600,.text-blue-700){color:#99bffe}html.dark .fum-main .bg-blue-100{background:#223b5b}html.dark .fum-main .bg-gradient-to-l{--tw-gradient-from:#1c304a;--tw-gradient-to:#172438}
@media(max-width:767px){#detailModal #modalContent{width:calc(100% - 24px)!important;max-height:90dvh;overflow:auto;padding:18px}.fum-main .swiper{max-width:100%;min-width:0}#main-content .form-group{min-width:0}.ham-page .grid{min-width:0}}
.ham-detail-cover{width:100%;max-height:420px;object-fit:cover}.ham-detail{max-width:1200px;margin:auto}.ham-description{line-height:2.1;overflow-wrap:anywhere}.ham-participation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:28px}.ham-donation-form{display:flex;flex-direction:column;gap:14px;min-width:0}.ham-donation-form h3{font-size:20px}.ham-donation-form label{font-weight:650;font-size:14px}.ham-presets{display:flex;gap:8px;flex-wrap:wrap}.ham-presets button{background:var(--ham-soft);border:1px solid var(--ham-line);border-radius:10px;padding:10px;color:var(--ham-accent);font-size:13px;min-height:44px}.ham-presets button:focus{outline:2px solid var(--ham-accent)}.ham-checkbox{display:flex;align-items:center;gap:8px}.ham-donor-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:16px;border-bottom:1px solid var(--ham-line)}.ham-detail :is(#campaign-report,#campaign-participation){scroll-margin-top:90px}
@media(max-width:767px){.ham-detail-cover{max-height:230px}.ham-presets button{flex:1 1 42%}.ham-donor-list li{align-items:flex-start;flex-wrap:wrap}}
.fum-notif-drawer:not(.is-open){visibility:hidden!important;pointer-events:none!important}.fum-notif-drawer.is-open{visibility:visible!important;position:fixed;inset:0;z-index:250}.fum-notif-drawer__panel{height:100dvh!important;max-height:100dvh!important}.fum-notif-drawer.is-open .fum-notif-drawer__panel{transform:none!important}html.dark .fum-notif-head__mark{background:var(--ham-soft);color:var(--ham-accent);border-color:var(--ham-line)}
@media(max-width:767px){.fum-notif-search{flex:0 0 44px!important;height:44px!important}.fum-notif-drawer__head{padding-top:max(12px,env(safe-area-inset-top))}.fum-notif-drawer__content{padding-bottom:max(24px,env(safe-area-inset-bottom))}}
html.dark .fum-notif-drawer__text{color:#dbe5f2}html.dark .fum-notif-drawer__time,html.dark .fum-notif-item__excerpt{color:#aebcd0}
#main-content>.row{margin-inline:0;max-width:100%}#main-content .table-responsive{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}#main-content .table-responsive>table{margin-bottom:0}#main-content .block-header .row{margin-inline:0}
/* Homepage campaigns share the existing blue section surface and typography. */
.shop-home-page .shop-campaigns-section{background:rgba(235,243,251,.94);border:1px solid #dce5ef;border-radius:16px;padding:28px;box-shadow:0 8px 24px rgba(11,44,110,.04)}
.shop-campaigns-section__head{align-items:center}.shop-campaigns-section__head>a{flex-shrink:0}.shop-campaigns-section .ham-campaign-grid{margin-bottom:0}.shop-campaigns-section .ham-campaign{margin-bottom:0;box-shadow:none}.shop-campaigns-section .ham-button{background:#2c609e;border-color:#2c609e}.shop-campaigns-section .ham-tag{color:#285c92;background:#edf4fc}
.shop-campaigns-section__empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:30px 20px;background:rgba(255,255,255,.85);border:1px solid #dce5ef;border-radius:14px;color:#527391}.shop-campaigns-section__empty svg{color:#386c9e}.shop-campaigns-section__empty h3{margin:0;font-size:17px;font-weight:700;color:#163e73}.shop-campaigns-section__empty p{margin:0;font-size:14px;line-height:1.9;color:#65788e}
@media(max-width:767px){.shop-home-page .shop-campaigns-section{padding:20px 16px}.shop-campaigns-section__head{align-items:flex-start;flex-direction:column;gap:12px}.shop-campaigns-section__head .shop-section-head__title{font-size:22px}.shop-campaigns-section__empty{padding:26px 14px}.shop-campaigns-section__head>a{align-self:flex-end}}
/* Keep the added interfaces on the site's compact typography scale. */
:is(.ham-page,.ham-card,.ham-report,.ham-detail,.ham-news-layout){font-size:14px}
.ham-heading h1{font-size:24px;line-height:1.6;font-weight:700}
.ham-heading h2,.ham-news-box .ham-heading h2{font-size:20px;line-height:1.6;font-weight:700}
.ham-card h2,.ham-card h3,.ham-card h4,.ham-donation-form h3{font-size:16px;font-weight:700}
.ham-detail .ham-heading h1{font-size:24px}
.ham-heading p,.ham-card p,.ham-description,.ham-news-box p{font-size:14px}
.ham-button,.ham-nav a{font-size:13px;font-weight:600}
.ham-money strong{font-size:18px}
.ham-stats>article>strong{font-size:24px}
.ham-points{font-size:20px}
.ham-ref-large{font-size:clamp(16px,2vw,24px)}
.ham-dialog h2{font-size:20px}.ham-dialog li,.ham-dialog p{font-size:14px}
.ham-report>h3{font-size:17px}
.ham-news-feature h3{font-size:18px;font-weight:700}
.ham-news-item:not(.ham-news-feature) h3{font-size:13px}
.ham-notice-list h3{font-size:15px;font-weight:700}
.shop-campaigns-section .shop-section-head__title{font-size:22px}
.shop-campaigns-section__empty h3{font-size:15px}
#main-content:has(.ham-nav)>h1,#main-content:has(.ham-nav) .block-header h1{font-size:24px;line-height:1.6}
@media(max-width:767px){
    :is(.ham-page,.ham-card,.ham-report,.ham-detail,.ham-news-layout){font-size:13px}
    .ham-heading h1,.ham-detail .ham-heading h1{font-size:20px}
    .ham-heading h2,.ham-news-box .ham-heading h2{font-size:18px}
    .ham-card h2,.ham-card h3,.ham-card h4,.ham-card-body h2,.ham-donation-form h3{font-size:15px}
    .ham-heading p,.ham-card p,.ham-description,.ham-news-box p{font-size:13px}
    .ham-money strong{font-size:16px}.ham-money{font-size:12px}
    .ham-points{font-size:18px}.ham-stats>article>strong{font-size:22px}
    .ham-news-feature h3{font-size:16px}.ham-notice-list h3{font-size:14px}
    .ham-button,.ham-presets button,.ham-nav a{font-size:12px}
    .ham-dialog h2,.ham-report>h3{font-size:17px}
    .ham-dialog li,.ham-dialog p,.ham-donation-form label{font-size:13px}
    .shop-campaigns-section__head .shop-section-head__title{font-size:18px}
    .shop-campaigns-section__empty h3{font-size:14px}.shop-campaigns-section__empty p{font-size:13px}
    #main-content:has(.ham-nav)>h1,#main-content:has(.ham-nav) .block-header h1{font-size:20px}
}
/* Aligned homepage sections, with a single inner gutter per panel. */
.shop-home-page .shop-events-panel{padding:24px}
.shop-home-page .shop-events-section__head,.shop-home-page .shop-events-section__body{padding-inline:0}
.shop-home-page .shop-events-section__head{align-items:center;gap:16px;margin-bottom:20px}
.shop-home-page .shop-events-section__title{font-size:22px;color:#0b2c6e}
.shop-home-page .shop-events-section__calendar-link{font-size:13px;align-self:center}
.shop-home-page .shop-events-swiper{width:100%;min-width:0;margin:0}
.shop-home-page .shop-event-card--featured{flex-direction:column;height:auto;min-height:100%}
.shop-home-page .shop-event-card__media-link--featured{flex:0 0 auto;width:100%;height:170px}
.shop-home-page .shop-event-card__body--featured{flex:1;gap:14px;padding:16px;justify-content:space-between}
.shop-home-page .shop-event-card__title--featured{font-size:15px;font-weight:700}
.shop-home-page .shop-event-card__meta--featured{padding:0;line-height:1.8}
.shop-home-page .shop-event-card__btn{width:100%;font-size:13px}
.shop-home-page .shop-events-slider__controls{margin-top:20px}
.shop-home-page .shop-receivers-section__surface{padding:24px}
.shop-receivers-section__surface>.shop-section-head__title{font-size:22px;margin-bottom:20px;line-height:1.6}
.shop-receivers-section__grid{gap:24px;min-width:0}
.shop-receivers-section__content,.shop-receivers-section__carousel-wrap{min-width:0}
.shop-receivers-section__intro{text-align:start;font-size:14px;line-height:1.9}
.shop-receivers-benefits{gap:12px;margin-block:18px}
.shop-receivers-benefits__item{padding:14px;box-shadow:none;min-height:0;border-color:#e0e8f0;background:#fff}
.shop-receivers-benefits__title{font-size:14px;font-weight:700;line-height:1.7}
.shop-receivers-benefits__desc{font-size:12px;line-height:1.9}
.shop-receivers-section__carousel-wrap{max-width:100%;width:100%}
.shop-receivers-section__carousel-wrap .shop-receivers-swiper{border:1px solid #dce5ef;border-radius:14px;padding:0;width:100%;background:#fff}
.shop-receivers-slide__frame{height:280px;border-radius:14px}
.shop-receivers-slide__img{width:100%;height:100%;object-fit:contain;background:#fff}
.shop-stats-panel{gap:12px;padding:20px}
.shop-stats-panel__item{border:1px solid #e0e8f1;border-radius:14px;background:rgba(255,255,255,.85);padding:20px 10px;gap:10px;min-width:0}
.shop-stats-panel__icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:#e7effc;color:#315f9d}
.shop-stats-panel__icon-wrap svg{width:25px;height:25px;flex-shrink:0}
.shop-stats-panel__item:nth-child(2) .shop-stats-panel__icon-wrap{background:#e6f5f0;color:#287963}
.shop-stats-panel__item:nth-child(3) .shop-stats-panel__icon-wrap{background:#f0ebfc;color:#7959af}
.shop-stats-panel__item:nth-child(4) .shop-stats-panel__icon-wrap{background:#fff1dd;color:#a46c27}
.shop-stats-panel__item:nth-child(5) .shop-stats-panel__icon-wrap{background:#e2f4f8;color:#287c91}
.shop-stats-panel__value{font-size:24px;line-height:1.4}.shop-stats-panel__label{font-size:12px;line-height:1.8}
@media(max-width:767px){
 .shop-home-page .shop-events-panel,.shop-home-page .shop-receivers-section__surface{padding:18px 16px}
 .shop-home-page .shop-events-section__head{align-items:stretch;gap:10px;margin-bottom:16px}
 .shop-home-page .shop-events-section__title,.shop-receivers-section__surface>.shop-section-head__title{font-size:18px}
 .shop-home-page .shop-events-section__subtitle{font-size:13px;line-height:1.9}
 .shop-home-page .shop-events-section__calendar-link{align-self:flex-end;font-size:12px;min-height:36px}
 .shop-home-page .shop-event-card__body--featured{padding:14px}
 .shop-home-page .shop-event-card__media-link--featured{height:170px}
 .shop-home-page .shop-events-slider__controls{gap:10px;margin-top:16px}
 .shop-receivers-section__grid{gap:20px}.shop-receivers-section__intro{font-size:13px}
 .shop-receivers-benefits{grid-template-columns:1fr;gap:10px;margin-block:16px}
 .shop-receivers-benefits__item{padding:14px}.shop-receivers-benefits__title{font-size:13px;margin-bottom:4px}
 .shop-receivers-section__content>.shop-btn{width:100%;font-size:13px}
 .shop-receivers-slide__frame{height:230px}
 .shop-stats-panel{padding:16px;gap:10px}.shop-stats-panel__item{padding:16px 8px;gap:8px}
 .shop-stats-panel__value{font-size:21px}.shop-stats-panel__icon-wrap{width:42px;height:42px;border-radius:12px}
 .shop-stats-panel__item:last-child:nth-child(odd){grid-column:1/-1}
}
/* Management pages use the admin dashboard's cards and consistent outer gutters. */
#main-content.ham-management-page{padding:28px!important;box-sizing:border-box;min-width:0}
.ham-management-page>.ham-nav{margin:0 0 24px;gap:8px}.ham-management-page>.ham-nav a{font-size:12px;padding:8px 12px}
.campaign-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.campaign-dashboard-header h1{font-size:22px;margin:0 0 8px;font-weight:700;line-height:1.6}.campaign-dashboard-header p{font-size:13px;color:#718096;margin:0;line-height:1.8}
.campaign-dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.ham-management-page .card{border-radius:12px;box-shadow:0 2px 12px #14294406;border:1px solid #e7edf3;margin-bottom:0;min-width:0}
.campaign-dashboard-stat .body{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}
.campaign-dashboard-stat p{font-size:12px;color:#718096;margin:0 0 10px}.campaign-dashboard-stat strong{font-size:22px;color:#213650;overflow-wrap:anywhere}.campaign-dashboard-stat strong small{font-size:11px;font-weight:400}
.campaign-dashboard-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;flex-shrink:0;font-size:19px}.campaign-dashboard-icon.is-blue{background:#eaf2fc;color:#3c78b3}.campaign-dashboard-icon.is-green{background:#e7f6f0;color:#299977}.campaign-dashboard-icon.is-orange{background:#fff1df;color:#c58c3d}.campaign-dashboard-icon.is-purple{background:#f1ebfa;color:#8b69b9}
.campaign-dashboard-columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;margin-block:24px}
.ham-management-page .card>.header{padding:20px 20px 0}.ham-management-page .card>.header h2{font-size:15px;font-weight:700;margin:0}.ham-management-page .card>.header p{font-size:12px;color:#718096;margin:8px 0 0}.ham-management-page .card>.body{padding:20px}
.campaign-dashboard-actions{display:flex;flex-direction:column;gap:12px}.campaign-dashboard-actions a{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #e7edf3;border-radius:10px;font-size:13px;color:#355575}.campaign-dashboard-actions a>span{flex:1}
.campaign-chart-legend{display:flex;gap:20px;font-size:11px;color:#37a489}.campaign-chart-legend span+span{color:#dfaa63}
.campaign-monthly-chart{display:flex;justify-content:space-between;gap:12px;padding-top:20px}.campaign-month{flex:1;min-width:0;text-align:center}.campaign-month-bars{height:155px;display:flex;gap:5px;align-items:flex-end;justify-content:center;border-bottom:1px solid #e0e8ef;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#f0f3f7 38px,#f0f3f7 39px)}.campaign-month-bars>div{width:23px;background:#53b69e;border-radius:5px 5px 0 0;min-height:2px}.campaign-month-bars>div+div{background:#e3b479}.campaign-month>small{display:block;font-size:10px;color:#6e7b8c;margin-top:10px;line-height:1.7}.campaign-month>span{display:block;font-size:9px;color:#8a96a6;margin-top:4px;overflow-wrap:anywhere}
.campaign-dashboard-empty{font-size:13px;color:#8490a0;text-align:center;padding:24px 12px!important;margin:0;line-height:1.9}.campaign-dashboard-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.campaign-dashboard-section-head>a{font-size:12px}
.campaign-dashboard-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f5;font-size:12px;color:#405773}.campaign-dashboard-list>a:last-child{border:0}.campaign-dashboard-list strong{font-size:13px}.campaign-dashboard-list small{display:block;font-size:11px;color:#8894a3;margin-top:6px;line-height:1.8}
/* Compact controls; mobile filter actions must not grow to a full-width banner. */
.ham-button{min-height:36px;padding:8px 14px;font-size:13px;line-height:1.5;border-radius:8px;width:auto;flex-grow:0}
.ham-filters>.ham-button{flex:0 0 auto;min-width:100px}.ham-heading .ham-nav{width:auto;gap:8px;margin:0}.ham-heading .ham-nav a{padding:8px 12px;font-size:12px;min-height:36px;display:inline-flex;align-items:center}
@media(max-width:1100px){.campaign-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-dashboard-columns{grid-template-columns:1fr}}
@media(max-width:767px){#main-content.ham-management-page{padding:20px 16px!important}.campaign-dashboard-header{align-items:flex-start}.campaign-dashboard-header h1{font-size:18px}.campaign-dashboard-header p{font-size:12px}.campaign-dashboard-stats{gap:12px;margin-bottom:20px}.campaign-dashboard-stat .body{padding:14px!important;gap:8px;align-items:flex-start}.campaign-dashboard-stat strong{font-size:18px}.campaign-dashboard-stat p{font-size:11px;line-height:1.8}.campaign-dashboard-icon{width:32px;height:32px;font-size:15px;border-radius:9px}.campaign-dashboard-columns{gap:16px;margin-block:20px}.ham-management-page .card>.body{padding:16px}.ham-management-page .card>.header{padding:16px 16px 0}.campaign-monthly-chart{gap:6px}.campaign-month-bars>div{width:14px}.campaign-month-bars{height:130px}.ham-heading .ham-nav{width:auto;flex-wrap:wrap}.ham-filters>.ham-button{flex:0 0 auto;min-width:100px}.ham-page{padding-top:24px;padding-bottom:40px}.ham-button{font-size:12px;padding:8px 12px;min-height:36px}}
.ham-management-page .card{margin-bottom:20px}.campaign-dashboard-stats>.card,.campaign-dashboard-columns>.card{margin-bottom:0}
/* One outer gutter and one inner panel gutter throughout the homepage. */
.shop-home-page{--home-panel-gutter:24px}
.shop-home-page .shop-section-band{padding-block:20px}
.shop-home-page .shop-events-panel,.shop-home-page .shop-receivers-section__surface,.shop-home-page .shop-campaigns-section,.shop-home-page .ham-news-box,.shop-home-page .shop-stats-panel{padding:var(--home-panel-gutter)}
.shop-home-page .ham-news-layout{padding-block:0}
.shop-home-page .shop-events-section__head,.shop-home-page .shop-events-section__body{padding:0}
.shop-home-page .shop-events-slider,.shop-home-page .shop-events-section__cards-wrap{width:100%;min-width:0}
.shop-home-page .shop-events-swiper{overflow:hidden;border-radius:12px;box-sizing:border-box}
.shop-home-page .shop-event-card--featured{margin:0;border-radius:12px;box-sizing:border-box;width:100%;align-self:stretch}
.shop-home-page .shop-event-card__media-link--featured{height:auto;aspect-ratio:16/10;width:100%;flex:0 0 auto;position:relative}
.shop-home-page .shop-event-card__media--featured{height:100%;width:100%;aspect-ratio:16/10}
.shop-home-page .shop-event-card__media--featured .shop-event-card__img{height:100%;width:100%;object-fit:cover;display:block}
.shop-home-page .shop-event-card__media--featured .shop-event-card__img--logo{object-fit:contain;padding:24px;background:#f7f9fc}
.shop-home-page .shop-event-card__body--featured{padding:16px;align-items:stretch;justify-content:space-between}
.shop-home-page .shop-event-card__content,.shop-home-page .shop-event-card__actions--featured{width:100%;min-width:0}
.shop-home-page .shop-event-card__meta--featured li{justify-content:flex-start;text-align:start}
.shop-home-page .shop-event-card__date-badge{top:12px;right:12px;left:auto}
@media(max-width:767px){.shop-home-page{--home-panel-gutter:16px}.shop-home-page .shop-section-band{padding-block:16px}.shop-home-page .shop-events-section__head{margin-bottom:16px}.shop-home-page .shop-event-card__body--featured{padding:14px}.shop-home-page .shop-event-card__media--featured .shop-event-card__img--logo{padding:22px}}
/* Standard list/editor layout: one outer gutter, no nested Bootstrap containers. */
#main-content.campaign-admin-page{padding:28px!important}
.campaign-admin-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.campaign-admin-header h1{font-size:22px;line-height:1.6;margin:0 0 6px;font-weight:700;color:#263d58}
.campaign-admin-header p{font-size:13px;color:#7b8798;line-height:1.9;margin:0}
.campaign-admin-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;min-height:36px;margin:0;font-size:12px;border-radius:7px;line-height:1.5;white-space:nowrap}
.campaign-admin-page .form-control{height:40px;min-width:0;border:1px solid #dce4ee;border-radius:7px;background:#fff;font-size:13px;box-shadow:none;padding:8px 12px}
.campaign-admin-page textarea.form-control{height:auto;min-height:120px;resize:vertical}
.campaign-admin-page label{display:block;font-size:12px;color:#4d6078;font-weight:600;margin-bottom:8px}
.campaign-admin-page .form-control:focus{border-color:#76a4d3;box-shadow:0 0 0 3px #4d87bd12}
.campaign-admin-filters{display:grid;grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto;align-items:end;gap:16px}
.campaign-admin-filters>div{min-width:0}.campaign-admin-filter-actions{display:flex;gap:8px;align-items:center;padding-bottom:2px}
.campaign-admin-table-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.campaign-admin-table-head>span{font-size:12px;color:#8792a1}
.campaign-admin-table{margin:0!important;width:100%;font-size:12px;border-collapse:collapse}
.campaign-admin-table th{background:#f5f8fb;color:#687b90;border-top:0!important;white-space:nowrap;font-weight:600;padding:14px 12px!important}
.campaign-admin-table td{padding:16px 12px!important;vertical-align:middle!important;border-color:#edf1f5!important;line-height:1.9}
.campaign-admin-table td.text-center{padding:48px 16px!important;color:#8793a3}
.campaign-admin-table .ham-ref{font-size:11px}.campaign-admin-table td>a:not(.btn){font-size:11px}.campaign-admin-table .btn{padding:6px 9px;min-height:32px}.campaign-admin-table td:last-child{white-space:nowrap}
.campaign-admin-page .table-responsive{border:1px solid #e6edf4;border-radius:8px}.campaign-admin-pagination{display:flex;justify-content:center;margin-top:20px}.campaign-admin-pagination:empty{display:none}
.campaign-editor-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:24px;align-items:start}
.campaign-editor-main,.campaign-editor-aside{min-width:0;display:flex;flex-direction:column;gap:20px}
.campaign-editor .card{margin-bottom:0!important}.campaign-editor .row{margin-inline:-8px}.campaign-editor .row>[class*=col-]{padding-inline:8px;min-width:0}.campaign-editor .form-group{margin-bottom:20px}
.campaign-editor .custom-control-label{padding-top:2px;font-size:12px}.campaign-editor small{font-size:11px;line-height:1.9;color:#7e8b9b}.campaign-editor input[type=file]{width:100%;max-width:100%;font-size:12px;border:1px dashed #cbd7e3;background:#f8fafc;padding:12px;border-radius:8px;box-sizing:border-box;white-space:normal}
.campaign-editor-aside input[type=url]{direction:ltr;text-align:left;margin-bottom:16px}
.campaign-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin-top:24px;background:#fff;border:1px solid #e7edf3;border-radius:10px}.campaign-editor-footer>span{font-size:12px;color:#7b8798}.campaign-editor-footer>div{display:flex;gap:10px}
@media(max-width:1100px){.campaign-admin-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-editor-grid{grid-template-columns:minmax(0,1fr)}.campaign-editor-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.campaign-editor-aside>.card:first-child{grid-column:1/-1}}
@media(max-width:767px){#main-content.campaign-admin-page{padding:20px 16px!important}.campaign-admin-header{align-items:flex-start;flex-direction:column;gap:14px}.campaign-admin-header h1{font-size:18px}.campaign-admin-header p{font-size:12px}.campaign-admin-header>.btn{align-self:flex-start}.campaign-admin-filters{grid-template-columns:minmax(0,1fr);gap:14px}.campaign-admin-filter-actions{padding:2px 0 0}.campaign-editor-grid{gap:20px}.campaign-editor-aside{display:flex;gap:20px}.campaign-editor-footer{align-items:stretch;flex-direction:column;padding:16px;margin-top:20px}.campaign-editor-footer>div{justify-content:flex-end}.campaign-admin-page .card>.header{padding:18px 16px 0}.campaign-admin-page .card>.body{padding:16px}.campaign-admin-page .form-control{font-size:14px}.campaign-editor .form-group{margin-bottom:18px}}
#main-content.campaign-admin-page .form-control{font-size:13px}
.campaign-editor .card>.header h2{color:#314d6b}
/* Swiper owns slide spacing: inherited grid gap was adding a second gutter. */
.shop-home-page .shop-events-swiper .swiper-wrapper.shop-events-cards--slider{gap:0!important;column-gap:0!important;row-gap:0!important;margin:0;padding:0}
.shop-home-page .shop-events-swiper .swiper-slide{box-sizing:border-box;flex-shrink:0}
.shop-home-page .shop-event-card__media--featured .shop-event-card__img{object-position:center}
.shop-home-page .shop-event-card__media--featured .shop-event-card__img--logo{padding:22px;object-fit:contain;object-position:center}
/* All section titles follow the same RTL alignment and inner gutter. */
.shop-home-page h2{text-align:right}
.shop-home-page .shop-section-head--center{align-items:flex-start;text-align:right}
.shop-home-page .shop-section-head--center .shop-section-head__subtitle{text-align:right}
.shop-home-page .shop-section-band>.shop-site-shell>.shop-section-head{padding-inline:var(--home-panel-gutter)}
.shop-home-page .shop-section-head__title,.shop-home-page .shop-events-section__title,.shop-home-page .shop-card-process__title{font-size:22px;line-height:1.6;font-weight:700;text-align:right}
.shop-home-page .shop-cta__content{text-align:right}
@media(max-width:767px){.shop-home-page .shop-section-head__title,.shop-home-page .shop-events-section__title,.shop-home-page .shop-card-process__title{font-size:18px}}
/* One restrained heading style for homepage sections. */
.shop-home-page :is(.shop-section-head__title,.shop-events-section__title,.ham-news-box .ham-heading h2,.shop-card-process__title,.shop-cta__title){
    position:relative;
    display:block;
    width:100%;
    margin:0;
    padding:2px 14px 2px 0;
    border:0;
    border-right:3px solid #6e92b7;
    font-size:19px;
    font-weight:700;
    line-height:1.7;
    letter-spacing:0;
    color:#173e6d;
    text-align:right;
    box-sizing:border-box;
}
.shop-home-page :is(.shop-section-head,.shop-events-section__head,.ham-news-box .ham-heading){margin-bottom:20px;gap:12px}
.shop-home-page .shop-section-head--center{align-items:stretch}
.shop-home-page :is(.shop-section-head__subtitle,.shop-events-section__subtitle){font-size:13px;line-height:1.9;color:#728095;margin-top:8px;text-align:right}
.shop-home-page .shop-receivers-section__surface>.shop-section-head__title{margin-bottom:20px}
.shop-home-page .ham-news-box .ham-heading>div{width:100%}
.shop-home-page .shop-card-process__title{margin-bottom:20px}
.shop-home-page .shop-cta__title{color:#fff;border-right-color:#8db4da}
@media(max-width:767px){
    .shop-home-page :is(.shop-section-head__title,.shop-events-section__title,.ham-news-box .ham-heading h2,.shop-card-process__title,.shop-cta__title){font-size:16px;line-height:1.8;padding-right:11px;border-right-width:3px}
    .shop-home-page :is(.shop-section-head,.shop-events-section__head,.ham-news-box .ham-heading){margin-bottom:16px}
    .shop-home-page :is(.shop-section-head__subtitle,.shop-events-section__subtitle){font-size:12px;margin-top:6px}
    .shop-home-page .shop-receivers-section__surface>.shop-section-head__title,.shop-home-page .shop-card-process__title{margin-bottom:16px}
}
/* Unified white homepage sections on the shared page background. */
.shop-home-page :is(.shop-home-section-panel,.shop-events-panel,.shop-receivers-section__surface,.shop-campaigns-section,.ham-news-box,.shop-stats-panel,.shop-cta){background:#fff;border:1px solid #e1e7ef;border-radius:16px;box-shadow:0 4px 18px rgba(20,44,75,.035);padding:var(--home-panel-gutter)}
.shop-home-section-panel{min-width:0;width:100%;box-sizing:border-box}
.shop-home-page .shop-home-section-panel>.shop-section-head{padding-inline:0;margin-bottom:20px}
.shop-home-page .shop-customers--light{background:#fff;border:0;box-shadow:none;border-radius:0}
.shop-home-page .shop-customers__track{height:132px;padding:12px 0;box-sizing:border-box}
.shop-home-page .shop-customers .wrapper{height:108px;overflow:hidden;margin:0;width:100%}
.shop-home-page .shop-customers .itemLeft{height:108px;top:0;align-items:center;padding:12px;box-sizing:border-box}
.shop-home-page .shop-customers__logo{height:80px;max-height:100%;max-width:120px;width:auto;object-fit:contain;object-position:center;display:block;border-radius:0}
.shop-home-page .shop-cta .shop-cta__title{color:#173e6d;border-right-color:#6e92b7}
.shop-home-page .shop-cta__desc{color:#728095;font-size:13px;margin-top:10px}
.shop-home-page .shop-cta .shop-btn--on-dark{background:#fff;color:#315b88;border:1px solid #d6e0eb}
.shop-home-page .shop-card-process{background:#fff;box-shadow:none;border-color:#e5ebf2}
@media(max-width:767px){.shop-home-page .shop-home-section-panel>.shop-section-head{margin-bottom:16px}.shop-home-page .shop-customers__track{height:120px;padding-block:10px}.shop-home-page .shop-customers .wrapper,.shop-home-page .shop-customers .itemLeft{height:100px}.shop-home-page .shop-customers__logo{height:76px}}
.shop-home-page .shop-membership-steps{margin-bottom:0}
.shop-home-page .shop-card-process{margin-top:32px;margin-bottom:8px;padding:24px;border-radius:12px}
.shop-home-page .shop-card-process__layout{gap:24px}
.shop-home-page .shop-card-process__actions{margin-top:28px;padding-bottom:4px}
@media(max-width:767px){.shop-home-page .shop-card-process{margin-top:28px;margin-bottom:4px;padding:20px 16px}.shop-home-page .shop-card-process__actions{margin-top:24px;padding-bottom:4px}.shop-home-page .shop-card-process__btn{min-width:0;max-width:100%;font-size:12px;white-space:normal;text-align:center}}

/* Decorative title icons replace the old vertical rule. */
.shop-home-page :is(.shop-section-head__title,.shop-events-section__title,.ham-news-box .ham-heading h2,.shop-card-process__title,.shop-cta__title){border:0!important;padding:2px 40px 2px 0;position:relative;min-height:30px}
.shop-home-page h2::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#eef4fa;border-radius:8px}
.shop-home-page h2::after{content:"";position:absolute;right:5px;top:50%;transform:translateY(-50%);width:18px;height:18px;background:#527aa2;mask-image:var(--section-heading-icon);-webkit-mask-image:var(--section-heading-icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}
.shop-home-page .shop-events-section__title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203v4m8-4v4M4%2010h16M8%2014h2m4%200h2m-8%203h2%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page .ham-news-box:first-child h2{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%208h4v4H7zM14%208h3m-3%204h3M7%2016h10%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page .ham-news-box:last-child h2{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%2015-5v14L3%2014v-4Zm15-2%203%202v4l-3%202M6%2015l2%206h3l-2-5%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page #home-campaigns-title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%205a5%205%200%200%200-8%201%205%205%200%200%200-8-1c-4%204%201%209%208%2015%207-6%2012-11%208-15Z%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page #club-benefits-title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%203%206%206%201-5%205%201%206-5-3-5%203%201-6-5-5%206-1%203-6Z%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page #discounts-title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%203%209%200%209%209-9%209-9-9V3Z%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%227.5%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22m10%2015%205-5%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page #services-title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206v15M3%204c4-1%207%200%209%202%202-2%205-3%209-2v15c-4-1-7%200-9%202-2-2-5-3-9-2V4Z%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page #receivers-title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010h18l-2-6H5l-2%206ZM4%2010v10h16V10M9%2020v-6h6v6%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page #partners-title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m1-17a3%203%200%200%201%200%206m2%205a5%205%200%200%201%203%204v2%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page #membership-title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m0-10%203%203%204-5%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page #card-process-title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2215%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M2%2010h20M6%2015h3m3%200h2%22%2F%3E%3C%2Fsvg%3E")}

.shop-home-page .shop-cta__title{--section-heading-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14m-5-5%205%205-5%205%22%2F%3E%3C%2Fsvg%3E")}
.shop-home-page .shop-section-band--separated{position:relative;margin-top:8px;padding-top:28px}
.shop-home-page .shop-section-band--separated::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(1140px,calc(100% - 48px));height:1px;background:#dfe6ee}
.shop-home-page .shop-card-process.shop-home-section-panel{margin:0;padding:var(--home-panel-gutter);border:1px solid #e1e7ef;border-radius:16px;box-shadow:0 4px 18px rgba(20,44,75,.035)}
@media(max-width:767px){.shop-home-page :is(.shop-section-head__title,.shop-events-section__title,.ham-news-box .ham-heading h2,.shop-card-process__title,.shop-cta__title){padding-right:38px}.shop-home-page .shop-section-band--separated{margin-top:4px;padding-top:24px}.shop-home-page .shop-section-band--separated::before{width:calc(100% - 32px)}}
.shop-home-page .shop-card-process.shop-home-section-panel>.shop-card-process__title{margin-bottom:24px}
/* Give the receivers section breathing room before the statistics section. */
.shop-home-page .shop-section-band:has(>.shop-receivers-section){padding-bottom:36px}
@media(max-width:767px){.shop-home-page .shop-section-band:has(>.shop-receivers-section){padding-bottom:28px}}
/* Explicit bottom separators for partners, membership and card issuance. */
.shop-home-page .shop-section-band--separated{margin-top:0;padding-top:20px;padding-bottom:28px;position:relative}
.shop-home-page .shop-section-band--separated::before{content:none}
.shop-home-page .shop-section-band--separated::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(1140px,calc(100% - 48px));height:1px;background:#d5dee9}
@media(max-width:767px){.shop-home-page .shop-section-band--separated{padding-top:16px;padding-bottom:24px}.shop-home-page .shop-section-band--separated::after{width:calc(100% - 32px)}}
/* These four titles have a divider beneath the heading itself. */
.shop-home-page .shop-section-band--separated{padding-block:20px}
.shop-home-page .shop-section-band--separated::after{content:none}
.shop-home-page .shop-section-band:has(>.shop-receivers-section){padding-bottom:20px}
.shop-home-page :is(#partners-title,#membership-title,#card-process-title,#receivers-title){border-bottom:1px solid #e1e7ef!important;padding-bottom:16px;margin-bottom:0}
.shop-home-page :is(#partners-title,#membership-title,#card-process-title,#receivers-title)::before,
.shop-home-page :is(#partners-title,#membership-title,#card-process-title,#receivers-title)::after{top:15px;transform:translateY(-50%)}
.shop-home-page .shop-receivers-section__surface>#receivers-title,
.shop-home-page .shop-card-process.shop-home-section-panel>#card-process-title{margin-bottom:24px}
.shop-home-page .shop-partners-section .shop-section-head,
.shop-home-page .shop-membership-section .shop-section-head{margin-bottom:24px}
@media(max-width:767px){
 .shop-home-page .shop-section-band--separated{padding-block:16px}
 .shop-home-page .shop-section-band:has(>.shop-receivers-section){padding-bottom:16px}
 .shop-home-page :is(#partners-title,#membership-title,#card-process-title,#receivers-title){padding-bottom:14px}
 .shop-home-page .shop-receivers-section__surface>#receivers-title,
 .shop-home-page .shop-card-process.shop-home-section-panel>#card-process-title{margin-bottom:20px}
 .shop-home-page .shop-partners-section .shop-section-head,
 .shop-home-page .shop-membership-section .shop-section-head{margin-bottom:20px}
}
/* Receivers need space below the title, without a divider. */
.shop-home-page .shop-receivers-section__surface>#receivers-title{border-bottom:0!important;padding-bottom:0;margin-bottom:28px}
@media(max-width:767px){.shop-home-page .shop-receivers-section__surface>#receivers-title{margin-bottom:24px}}
@media(min-width:1200px){body.fum-admin-sidebar-collapsed #left-sidebar{transform:translateX(110%)!important;visibility:hidden;pointer-events:none}body.fum-admin-sidebar-collapsed #main-content{width:100%!important;margin-left:0!important;margin-right:0!important}#left-sidebar{transition:transform .2s ease}}
/* Section navigation for campaign management. */
nav.ham-nav.campaign-management-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px;padding:6px;margin:0 0 24px;background:#fff;border:1px solid #e1e8f0;border-radius:12px;box-shadow:0 2px 10px #17395904}
nav.ham-nav.campaign-management-nav a{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 12px;margin:0;border-radius:8px;background:transparent;color:#6c7d91;font-size:12px;font-weight:500;line-height:1.8;text-align:center;text-decoration:none;transition:background .15s,color .15s;min-width:0}
nav.ham-nav.campaign-management-nav a i{font-size:16px;flex-shrink:0;color:#8a9db3}
nav.ham-nav.campaign-management-nav a:hover{background:#f5f8fc;color:#325e8d}
nav.ham-nav.campaign-management-nav a.is-active{background:#edf4fc;color:#295d96;font-weight:700}
nav.ham-nav.campaign-management-nav a.is-active i{color:#3973ad}
nav.ham-nav.campaign-management-nav a.is-active::after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;border-radius:3px;background:#5b8fbe}
nav.ham-nav.campaign-management-nav a:focus-visible{outline:2px solid #7ca5cd;outline-offset:2px}
@media(max-width:767px){nav.ham-nav.campaign-management-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;margin-bottom:20px;border-radius:10px}nav.ham-nav.campaign-management-nav a{min-height:48px;font-size:11px;padding:9px 7px;gap:7px}nav.ham-nav.campaign-management-nav a i{font-size:15px}}
/* Desktop sidebar and content resize together, including smaller laptops. */
@media(min-width:992px){
 body.fum-admin-sidebar-expanded #left-sidebar{right:0!important;left:auto!important;width:260px!important;transform:none!important;visibility:visible!important;pointer-events:auto}
 body.fum-admin-sidebar-expanded #main-content{width:calc(100% - 260px)!important;max-width:none!important;margin-right:260px!important;margin-left:0!important;float:none!important}
 body.fum-admin-sidebar-collapsed #left-sidebar{right:0!important;left:auto!important;width:260px!important;transform:translateX(110%)!important;visibility:hidden!important;pointer-events:none}
 body.fum-admin-sidebar-collapsed #main-content{width:100%!important;max-width:none!important;margin-right:0!important;margin-left:0!important;float:none!important}
 body.fum-admin-sidebar-expanded #main-content,body.fum-admin-sidebar-collapsed #main-content{transition:width .2s ease,margin .2s ease}
}

/* Explicit sidebar states avoid legacy theme/Bootstrap menu conflicts. */
#left-sidebar #main-menu li[data-sidebar-open="false"]>ul{display:none!important;height:auto!important}
#left-sidebar #main-menu li[data-sidebar-open="true"]>ul{display:block!important;height:auto!important}
#left-sidebar .navbar-brand{display:flex!important;align-items:center;gap:10px;padding:16px!important;height:auto!important;min-height:76px}
#left-sidebar .navbar-brand>a:first-child{flex:0 0 40px}
#left-sidebar .navbar-brand .logo{width:40px!important;max-height:48px;object-fit:contain}
#left-sidebar .navbar-brand>a:nth-child(2){flex:1;min-width:0;font-size:14px}
#left-sidebar .navbar-brand .btn-toggle-offcanvas{display:inline-flex!important;align-items:center;justify-content:center;position:static!important;float:none!important;width:32px;height:32px;flex:0 0 32px;padding:0;border:1px solid #dce2e8;border-radius:8px}
.navbar-fixed-top .navbar-btn{display:flex!important;align-items:center;gap:10px}
.navbar-fixed-top .navbar-btn .btn-toggle-offcanvas{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dce2e8;background:transparent}
#left-sidebar .user-account{display:flex!important;align-items:center;gap:12px;text-align:right;margin:0!important;padding:18px 16px!important;border-bottom:1px solid #e8ecf0}
#left-sidebar .sidebar-user-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:#edf4f2;color:#21815d;font-size:20px}
#left-sidebar .user-account>.dropdown{flex:1;min-width:0}
#left-sidebar .user-account>.dropdown>span{display:block;font-size:11px;line-height:1.8}
#left-sidebar .user-account .user-name{display:block;margin:0;font-size:13px;line-height:1.9;white-space:normal}
#left-sidebar .user-account .user-name strong{font-weight:600}

/* One continuous header across the workspace and sidebar. */
body .navbar.navbar-fixed-top{position:fixed!important;top:0!important;right:0!important;left:0!important;width:100%!important;height:64px!important;min-height:64px!important;margin:0!important;padding:0 20px!important;background:#fff;border-bottom:1px solid #dce3eb;z-index:1100}
body .navbar-fixed-top>.container-fluid{display:flex!important;align-items:center;justify-content:space-between;flex-wrap:nowrap;height:64px;padding:0;gap:16px}
body .navbar-fixed-top .navbar-left{display:flex!important;align-items:center;float:none!important;gap:16px;min-width:0}
body .navbar-fixed-top .navbar-right{float:none!important;margin:0!important;flex-shrink:0}
body .navbar-fixed-top .navbar-btn{padding:0!important;margin:0!important;flex-shrink:0;border:0!important}
body .navbar-fixed-top .navbar-btn .logo{width:36px!important;height:44px;object-fit:contain}
body .navbar-fixed-top .search-form{margin:0!important;width:min(360px,30vw)}
body .navbar-fixed-top .search-form .form-control{height:38px!important}
body #left-sidebar{top:64px!important;height:calc(100dvh - 64px)!important;padding-top:0!important;border-left:1px solid #e1e7ee}
body #left-sidebar .navbar-brand{display:none!important}
body #left-sidebar .sidebar-scroll{height:100%!important}
body #main-content{margin-top:64px!important}
nav.ham-nav.campaign-management-nav a{color:#34465c;font-weight:600}
nav.ham-nav.campaign-management-nav a i{color:#4d647e}
nav.ham-nav.campaign-management-nav a.is-active{background:#175b50;color:#fff}
nav.ham-nav.campaign-management-nav a.is-active i{color:#fff}
nav.ham-nav.campaign-management-nav a.is-active::after{background:#bde5d8}
@media(max-width:767px){body .navbar.navbar-fixed-top{padding-inline:12px!important}body .navbar-fixed-top .search-form{display:none!important}body .navbar-fixed-top>.container-fluid{gap:8px}body .navbar-fixed-top .navbar-left{gap:8px}body .navbar-fixed-top .navbar-right .navbar-nav{display:flex;flex-direction:row;gap:0;margin:0}body .navbar-fixed-top .navbar-right .icon-menu{padding:10px 8px!important}}
/* Quiet campaign navigation and consistent page headings. */
nav.ham-nav.campaign-management-nav a.is-active{background:#edf3f6;color:#334f65;font-weight:600}
nav.ham-nav.campaign-management-nav a.is-active i{color:#52758a}
nav.ham-nav.campaign-management-nav a.is-active::after{content:none}
nav.ham-nav.campaign-management-nav a:hover{background:#f3f6f8;color:#334f65}
#main-content.ham-management-page>:is(.campaign-admin-header,.campaign-dashboard-header,.block-header){padding:4px 14px 4px 0;border-right:3px solid #bbcdd5;margin-bottom:24px;min-width:0}
#main-content.ham-management-page>:is(.campaign-admin-header,.campaign-dashboard-header,.block-header) :is(h1,h2){font-size:19px;font-weight:700;line-height:1.8;color:#30475c;margin:0 0 4px;overflow-wrap:anywhere}
#main-content.ham-management-page>:is(.campaign-admin-header,.campaign-dashboard-header,.block-header) :is(p,small){font-size:12px;color:#738191;line-height:1.9;margin:0}
@media(max-width:767px){#main-content.ham-management-page>:is(.campaign-admin-header,.campaign-dashboard-header,.block-header){padding-right:11px;margin-bottom:20px}#main-content.ham-management-page>:is(.campaign-admin-header,.campaign-dashboard-header,.block-header) :is(h1,h2){font-size:17px}}