.mycenter-package-section { --mycenter-package-gutter:var(--mycenter-page-gutter, clamp(1rem,3vw,2rem)); width:min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)),var(--mycenter-wide-container-width,90rem)); margin-inline:auto; }
.mycenter-package-page { padding: clamp(1.25rem,3vw,3rem) 0 clamp(3rem,6vw,5.5rem); }
.mycenter-package-page__breadcrumb { display:flex; gap:.5rem; width:min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)),var(--mycenter-wide-container-width,90rem)); margin:0 auto 1rem; color:#667085; font-size:.82rem; }
.mycenter-package-page__breadcrumb a { color:#075cc7; text-decoration:none; }
.mycenter-package-page__hero { position:relative; display:flex; min-height:clamp(28rem,39vw,35rem); align-items:center; width:min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)),var(--mycenter-wide-container-width,90rem)); margin:0 auto; padding:clamp(1.5rem,3.5vw,3.25rem); isolation:isolate; overflow:hidden; border-radius:1.25rem; background:#f8fbff; box-shadow:0 1rem 2.5rem rgba(21,56,104,.08); }
.mycenter-package-page__hero::before { position:absolute; z-index:0; inset:0; content:""; background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 38%,rgba(255,255,255,.28) 57%,rgba(255,255,255,0) 74%); pointer-events:none; }
.mycenter-package-page__hero-content { position:relative; z-index:1; width:min(100%,38rem); max-width:38rem; }
.mycenter-package-page__eyebrow { margin:0 0 .45rem; color:#075cc7; font-size:.78rem; font-weight:700; letter-spacing:.1em; }
.mycenter-package-page__hero h1 { max-width:38rem; margin:0; color:#172033; font-size:clamp(1.85rem,4.2vw,3.2rem); line-height:1.18; }
.mycenter-package-page__hero p:not(.mycenter-package-page__eyebrow) { max-width:38rem; margin:1rem 0 0; color:#475467; font-size:1rem; line-height:1.7; }
.mycenter-package-page__hero ul { display:flex; flex-wrap:wrap; gap:.55rem 1rem; margin:1.3rem 0 0; padding:0; list-style:none; font-size:.85rem; font-weight:600; }
.mycenter-package-page__hero li::before { display:inline-block; width:1rem; height:1rem; margin-right:.4rem; vertical-align:-.15em; background-color:#0878f9; content:""; -webkit-mask:url("../../icons/check.svg") center / contain no-repeat; mask:url("../../icons/check.svg") center / contain no-repeat; }
.mycenter-package-page__hero-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.5rem; }
.mycenter-package-page__primary,.mycenter-package-page__secondary { display:inline-flex; min-height:2.85rem; align-items:center; justify-content:center; padding:.65rem 1.05rem; border:1px solid transparent; border-radius:.6rem; font-size:.9rem; font-weight:700; text-align:center; text-decoration:none; }
.mycenter-package-page__primary { background:#0878f9; color:#fff; }
.mycenter-package-page__secondary { border-color:#b7d3ee; color:#063a89; }
.mycenter-package-page__primary:hover { background:#0747c9; color:#fff; }
.mycenter-package-page__secondary:hover { border-color:#0878f9; background:#edf7ff; color:#063a89; }
.mycenter-package-page__hero-visual { position:absolute; z-index:-1; inset:0; display:block; width:100%; height:100%; margin:0; pointer-events:none; }
.mycenter-package-page__hero-visual img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.mycenter-package-page__categories { width:min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)),var(--mycenter-wide-container-width,90rem)); margin:1.5rem auto 3rem; }
.mycenter-package-page__categories > p { margin:0 0 .8rem; color:#344054; font-size:.9rem; font-weight:700; }
.mycenter-package-page__categories > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.5rem; align-items:center; }
.mycenter-package-page__category-link { display:block; min-width:0; text-decoration:none; }
.mycenter-package-page__category-link img { display:block; width:100%; height:auto; filter:drop-shadow(0 .75rem 1rem rgba(23,32,51,.12)); transition:filter .2s ease,transform .2s ease; }
.mycenter-package-page__category-link:hover img { filter:drop-shadow(0 1rem 1.25rem rgba(7,71,201,.2)); transform:translateY(-.35rem) scale(1.02); }
.mycenter-package-page__primary:focus-visible,.mycenter-package-page__secondary:focus-visible,.mycenter-package-page__categories a:focus-visible,.mycenter-package-page__breadcrumb a:focus-visible { outline:3px solid #00bdfe; outline-offset:3px; }
.mycenter-package-page__catalog { width:100%; max-width:none !important; }
.mycenter-package-page .mycenter-package-section { width:min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)),var(--mycenter-container-width,78rem)); }
.mycenter-package-page .mycenter-package-section__grid { gap:1.35rem; }
.mycenter-package-page .mycenter-package-category__header { margin-bottom:1.75rem; }
.mycenter-package-page .mycenter-package-category__header h3 { font-size:clamp(1.55rem,3vw,2.1rem); }
.mycenter-package-page .mycenter-package-card { border-color:#d6e3f0; box-shadow:0 .6rem 1.5rem rgba(23,32,51,.07); }
.mycenter-package-page .mycenter-package-card__header { min-height:7.2rem; }
.mycenter-package-page .mycenter-package-card__summary { min-height:9.75rem; }
.mycenter-package-page .mycenter-package-card__details { padding-top:1.15rem; }
.mycenter-package-page__help { display:flex; align-items:center; justify-content:space-between; gap:1.25rem; width:min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)),var(--mycenter-wide-container-width,90rem)); margin:3rem auto 0; padding:clamp(1.25rem,3vw,2rem); border:1px solid #cde6fb; border-radius:1rem; background:#edf7ff; }
.mycenter-package-page__help p { margin:0 0 .25rem; color:#0878f9; font-size:.78rem; font-weight:700; }
.mycenter-package-page__help h2 { margin:0; color:#172033; font-size:clamp(1.2rem,2.5vw,1.65rem); }
.mycenter-package-page__help span { display:block; margin-top:.45rem; color:#475467; font-size:.9rem; line-height:1.6; }
.mycenter-package-page__help .mycenter-package-page__primary { flex:none; background:#0878f9; color:#fff; }
.mycenter-package-page__help .mycenter-package-page__primary:hover { background:#0747c9; color:#fff; }
.mycenter-package-section__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:stretch; gap:var(--mycenter-card-gap,1.25rem); margin:0; padding:0; list-style:none; }
.mycenter-package-category { --mycenter-category-accent:#ff3156; --mycenter-category-strong:#8d1027; margin-top:3rem; padding-top:2.25rem; border-top:1px solid #e4ebf3; scroll-margin-top:6rem; }
.mycenter-package-category--popular { margin-top: 0; padding-top: 0; border-top: 0; }
.mycenter-package-category--smart-home { --mycenter-category-accent:#27bcff; --mycenter-category-strong:#0756a3; }
.mycenter-package-category--streaming { --mycenter-category-accent:#a99cff; --mycenter-category-strong:#3d2c8d; }
.mycenter-package-category__header { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(16rem,.9fr); align-items:center; gap:1.5rem; min-height:8.5rem; margin:0 0 1.5rem; padding:1.45rem 1.7rem; border:1px solid transparent; border-left:.45rem solid var(--mycenter-category-accent); border-radius:1rem; background:linear-gradient(112deg,var(--mycenter-category-strong) 0%,color-mix(in srgb,var(--mycenter-category-strong) 82%,#172033) 68%,#172033 100%); box-shadow:0 .8rem 1.8rem color-mix(in srgb,var(--mycenter-category-strong) 21%,transparent); overflow:hidden; text-align:left; }
.mycenter-package-category__header::after { position:absolute; top:-3rem; right:4%; width:10rem; height:10rem; border:1.15rem solid rgba(255,255,255,.11); border-radius:50%; content:""; pointer-events:none; }
.mycenter-package-category__identity { position:relative; z-index:1; display:grid; gap:.35rem; }
.mycenter-package-category__eyebrow { display:inline-flex; width:max-content; margin:0; padding:.25rem .6rem; border-radius:99px; background:rgba(255,255,255,.14); color:#fff; font-size:.76rem; font-weight:700; letter-spacing:.02em; }
.mycenter-package-category__header h3 { margin:0; color:#fff; font-size:clamp(1.7rem,3vw,2.3rem); line-height:1.18; }
.mycenter-package-category__description { position:relative; z-index:1; max-width:34rem; margin:0; color:rgba(255,255,255,.82); font-size:.94rem; line-height:1.6; }
.mycenter-package-card { --mycenter-package-card-radius:.85rem; display:flex; min-width:0; border:1px solid #d7e4f1; border-radius:var(--mycenter-package-card-radius); background:#fff; box-shadow:0 .4rem 1.2rem rgba(23,32,51,.05); overflow:hidden; transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }
.mycenter-package-card:hover { transform: translateY(-.25rem); border-color: #00bdfe; box-shadow: 0 .85rem 2rem rgba(7,71,201,.12); }
.mycenter-package-card--popular { border-color: #0878f9; box-shadow: 0 .6rem 1.5rem rgba(8,120,249,.12); }
.mycenter-package-card__article { display:flex; width:100%; min-height:100%; flex-direction:column; }
.mycenter-package-card__header { position:relative; min-height:5.5rem; padding:.9rem 1.15rem; border-radius:var(--mycenter-package-card-radius) var(--mycenter-package-card-radius) 0 0; overflow:hidden; background:linear-gradient(135deg,#063a89,#031d65); color:#fff; }
.mycenter-package-card__header :is(img,picture,figure) { display:block; max-width:100%; border-radius:var(--mycenter-package-card-radius) var(--mycenter-package-card-radius) 0 0; }
.mycenter-package-card__header h3 { margin: .12rem 0 0; color: inherit; font-size: 1rem; line-height: 1.32; }
.mycenter-package-card__eyebrow { margin: 0; color: #cce9ff; font-size: .72rem; font-weight: 600; }
.mycenter-package-card__badge { position: absolute; top: .7rem; right: .75rem; padding: .22rem .55rem; border-radius: 99px; background: #f4002f; color: #fff; font-size: .7rem; font-weight: 700; }
.mycenter-package-card__summary { min-height:9.25rem; padding:.9rem 1.15rem .75rem; border-bottom:1px solid #e5eaf0; }
.mycenter-package-card__subtitle { min-height:2.8em; margin:0 0 .65rem; color:#0878f9; font-size:.8rem; font-weight:600; line-height:1.45; }
.mycenter-package-card__speed { margin: 0; color: #172033; font-size: 1.35rem; font-weight: 700; line-height: 1.15; }
.mycenter-package-card__price { display: flex; min-width: 0; align-items: baseline; gap: .35rem; margin: .65rem 0 0; color: #172033; }
.mycenter-package-card__price strong { color: #0878f9; font-size: clamp(2.45rem,4vw,3.2rem); line-height: .9; }
.mycenter-package-card__price span { flex: 0 0 auto; font-size: .82rem; font-weight: 700; white-space: nowrap; }
.mycenter-package-card__offer { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:.6rem; margin:.8rem 0 0; padding:.6rem; border-radius:.55rem; background:#fff5f7; }
.mycenter-package-card__offer-copy { display:grid; min-width:0; gap:.05rem; color:#475467; font-size:.74rem; line-height:1.25; }
.mycenter-package-card__offer-copy > strong { color:#f4002f; font-size:.78rem; }
.mycenter-package-card__offer-price { display:flex; align-items:baseline; gap:.2rem; color:#f4002f; white-space:nowrap; }
.mycenter-package-card__offer-price strong { font-size:1.5rem; line-height:1; }
.mycenter-package-card__offer-price em { font-size:.74rem; font-style:normal; font-weight:700; }
.mycenter-package-card__visual { display:grid; height:10.5rem; margin:1rem 1.15rem 0; place-items:center; overflow:hidden; border-bottom:1px solid #e5eaf0; border-radius:0; }
.mycenter-package-card__image { display:block; width:100%; height:100%; padding:.35rem; border-radius:0; object-fit:contain; }
.mycenter-package-card__details { padding:1rem 1.15rem 1.1rem; }
.mycenter-package-card__basics,.mycenter-package-card__benefits ul { display:grid; gap:.5rem; margin:0; padding:0; list-style:none; }
.mycenter-package-card__basics li,.mycenter-package-card__benefits li { display:grid; grid-template-columns:1rem minmax(0,1fr); gap:.4rem; color:#667085; font-size:.79rem; line-height:1.45; }
.mycenter-package-card__basics li>span,.mycenter-package-card__benefits li>span { color:#172033; font-weight:700; }
.mycenter-package-card__benefits { margin-top:.9rem; }
.mycenter-package-card__benefits p { margin:0 0 .55rem; color:#172033; font-size:.82rem; font-weight:700; }
.mycenter-package-card__benefits li { grid-template-columns:2.75rem minmax(0,1fr); align-items:center; min-height:2.5rem; color:#344054; font-size:.82rem; }
.mycenter-package-card__benefits li > :last-child { min-width:0; }
.mycenter-package-card__benefit-icon { display:block; width:2.5rem; height:2.25rem; background:center / contain no-repeat; }
.mycenter-package-card__benefit-icon--router { background-image:url("../../icons/benefits/router.webp"); }
.mycenter-package-card__benefit-icon--hybrid-router { background-image:url("../../icons/benefits/hybrid-router.webp"); }
.mycenter-package-card__benefit-icon--home-hub { background-image:url("../../icons/benefits/home-hub.webp"); }
.mycenter-package-card__benefit-icon--cctv { background-image:url("../../icons/benefits/cctv.webp"); }
.mycenter-package-card__benefit-icon--truex-cctv { background-image:url("../../icons/benefits/truex-cctv-cutout.png"); }
.mycenter-package-card__benefit-icon--cctv-pair { background-image:url("../../icons/benefits/cctv-pair.png"); }
.mycenter-package-card__benefit-icon--sos-button { background-image:url("../../icons/benefits/sos-button.png"); }
.mycenter-package-card__benefit-icon--motion-sensor { background-image:url("../../icons/benefits/motion-sensor.png"); }
.mycenter-package-card__benefit-icon--security-alarm { background-image:url("../../icons/benefits/security-alarm.png"); }
.mycenter-package-card__benefit-icon--intrusion-sensor { background-image:url("../../icons/benefits/intrusion-sensor.png"); }
.mycenter-package-card__benefit-icon--home-insurance { background-image:url("../../icons/benefits/home-insurance.png"); }
.mycenter-package-card__benefit-icon--f-secure { background-image:url("../../icons/benefits/f-secure.png"); }
.mycenter-package-card__benefit-icon--true-move-wifi { background-image:url("../../icons/benefits/true-move-wifi.png"); }
.mycenter-package-card__benefit-icon--true-move-sim { background-image:url("../../icons/benefits/true-move-sim.png"); }
.mycenter-package-card__benefit-icon--router-wifi6 { background-image:url("../../icons/benefits/router-wifi6.webp"); }
.mycenter-package-card__benefit-icon--trueid-tv-gen3 { background-image:url("../../icons/benefits/trueid-tv-gen3.webp"); }
.mycenter-package-card__benefit-icon--trueid-plus { background-image:url("../../icons/benefits/trueid-plus.webp"); }
.mycenter-package-card__benefit-icon--youtube { background-image:url("../../icons/benefits/youtube.webp"); }
.mycenter-package-card__benefit-icon--youtube-music { background-image:url("../../icons/benefits/youtube-music.webp"); }
.mycenter-package-card__benefit-icon--iqiyi { background-image:url("../../icons/benefits/iqiyi.webp"); }
.mycenter-package-card__benefit-icon--viu { background-image:url("../../icons/benefits/viu.webp"); }
.mycenter-package-card__benefit-icon--wetv { background-image:url("../../icons/benefits/wetv.webp"); }
.mycenter-package-card__benefit-icon--netflix { background-image:url("../../icons/benefits/netflix.webp"); }
.mycenter-package-card__benefit-icon--now-ent { background-image:url("../../icons/benefits/now-ent.png"); }
.mycenter-package-card--smart-home .mycenter-package-card__header { min-height:6.9rem; overflow:hidden; background:image-set(url("../../images/package-smart-home-cover-480.webp") 1x, url("../../images/package-smart-home-cover-960.webp") 2x) center / cover no-repeat; }
.mycenter-package-card--smart-home .mycenter-package-card__header::after { content:none; }
.mycenter-package-card--smart-home .mycenter-package-card__header > * { position:relative; z-index:1; max-width:55%; text-shadow:0 1px 2px rgba(0,0,0,.45); }
.mycenter-package-card--smart-home .mycenter-package-card__header h3 { font-size:.94rem; line-height:1.25; }
.mycenter-package-card--home-hub .mycenter-package-card__header { min-height:6.9rem; overflow:hidden; background:image-set(url("../../images/package-home-hub-cover-480.webp") 1x, url("../../images/package-home-hub-cover-960.webp") 2x) center / cover no-repeat; }
.mycenter-package-card--home-hub .mycenter-package-card__header > * { position:relative; z-index:1; max-width:48%; color:#172033; text-shadow:0 1px 1px rgba(255,255,255,.65); }
.mycenter-package-card--home-hub .mycenter-package-card__header h3 { font-size:.9rem; line-height:1.23; }
.mycenter-package-card--asian-content .mycenter-package-card__header { min-height:6.9rem; overflow:hidden; background:image-set(url("../../images/package-asian-content-cover-480.webp") 1x, url("../../images/package-asian-content-cover-960.webp") 2x) right center / cover no-repeat; }
.mycenter-package-card--asian-content .mycenter-package-card__header > * { position:relative; z-index:1; max-width:55%; text-shadow:0 1px 2px rgba(0,0,0,.5); }
.mycenter-package-card--asian-content .mycenter-package-card__header h3 { font-size:.9rem; line-height:1.23; }
.mycenter-package-card--super-netflix .mycenter-package-card__header { min-height:6.9rem; overflow:hidden; background:image-set(url("../../images/package-super-netflix-cover-480.webp") 1x, url("../../images/package-super-netflix-cover-960.webp") 2x) center / cover no-repeat; }
.mycenter-package-card--super-netflix .mycenter-package-card__header > * { position:relative; z-index:1; max-width:52%; text-shadow:0 1px 2px rgba(0,0,0,.6); }
.mycenter-package-card--super-netflix .mycenter-package-card__header h3 { font-size:.9rem; line-height:1.23; }
.mycenter-package-card--youtube-premium .mycenter-package-card__header { min-height:6.9rem; overflow:hidden; background:image-set(url("../../images/package-youtube-premium-cover-480.webp") 1x, url("../../images/package-youtube-premium-cover-960.webp") 2x) center / cover no-repeat; }
.mycenter-package-card--youtube-premium .mycenter-package-card__header > * { position:relative; z-index:1; max-width:52%; text-shadow:0 1px 2px rgba(0,0,0,.6); }
.mycenter-package-card--youtube-premium .mycenter-package-card__header h3 { font-size:.9rem; line-height:1.23; }
.mycenter-package-card--home-internet .mycenter-package-card__header { min-height:6.9rem; overflow:hidden; background:image-set(url("../../images/package-home-internet-cover-480.webp") 1x, url("../../images/package-home-internet-cover-960.webp") 2x) center / cover no-repeat; }
.mycenter-package-card--home-internet .mycenter-package-card__header > * { position:relative; z-index:1; max-width:52%; color:#172033; text-shadow:0 1px 2px rgba(255,255,255,.65); }
.mycenter-package-card--home-internet .mycenter-package-card__eyebrow { color:#063a89; }
.mycenter-package-card--home-internet .mycenter-package-card__header h3 { font-size:.9rem; line-height:1.23; }
.mycenter-package-card__benefit-icon--true-5g-sim { background-image:url("../../icons/benefits/true-5g-sim-cutout.png"); }
.mycenter-package-card__benefit-icon--trueid-tv-gen2 { background-image:url("../../icons/benefits/trueid-tv-gen2.webp"); }
.mycenter-package-card__benefit-icon--generic { position:relative; width:1.9rem; height:1.9rem; margin-left:.25rem; border-radius:.55rem; background:#eaf4ff; }
.mycenter-package-card__benefit-icon--generic::after { position:absolute; inset:0; display:grid; place-items:center; color:#0878f9; content:"•"; font-size:1.5rem; font-weight:700; }
.mycenter-package-card__actions { display:flex; flex:0 0 auto; flex-direction:column; justify-content:flex-start; gap:.6rem; margin-top:auto; padding:0 1.15rem 1.15rem; }
.mycenter-package-card__actions > br { display:none; }
.mycenter-package-card__actions a { display:flex; min-height:2.85rem; align-items:center; justify-content:center; padding:.65rem .7rem; border:1px solid transparent; border-radius:.55rem; font-size:.85rem; font-weight:700; text-align:center; text-decoration:none; transition:background-color .2s ease,border-color .2s ease,color .2s ease; }
.mycenter-package-card__primary { background:#0878f9; color:#fff; }
.mycenter-package-card__primary:hover { background:#0747c9; color:#fff; }
.mycenter-package-card__actions .mycenter-action-line { gap:.45rem; background:#0878f9; color:#fff; }
.mycenter-package-card__actions .mycenter-action-line::before { width:1.05rem; height:1.05rem; flex:0 0 auto; background-color:currentcolor; content:""; -webkit-mask:url("../../icons/line-icon-128.png") center / contain no-repeat; mask:url("../../icons/line-icon-128.png") center / contain no-repeat; }
.mycenter-package-card__actions .mycenter-action-line:hover,.mycenter-package-card__actions .mycenter-action-line:focus-visible { background:#0747c9; color:#fff; }
.mycenter-package-card__secondary { border-color:#c5d9ed !important; background:#fff; color:#063a89; }
.mycenter-package-card__secondary:hover { border-color:#0878f9 !important; background:#edf7ff; color:#0747c9; }
.mycenter-package-card__actions a:focus-visible { outline:3px solid #00bdfe; outline-offset:3px; }
.mycenter-package-section__note,.mycenter-package-section__empty,.mycenter-package-section__preview-note { margin:1.1rem auto 0; color:#667085; font-size:.82rem; line-height:1.65; text-align:center; }
.mycenter-package-section__preview-note { margin-top:0; margin-bottom:1rem; }
@media (max-width:74.99rem) { .mycenter-package-section__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .mycenter-package-page__hero { padding:2.25rem; } }
@media (max-width:61.99rem) { .mycenter-package-section{width:min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)),56rem)} .mycenter-package-page__hero { padding:1.5rem; } }
@media (max-width:47.99rem) { .mycenter-package-section__grid { grid-template-columns:1fr; } }
@media (max-width:48rem) { .mycenter-package-page__hero { min-height:31rem; padding:1.5rem 1.15rem; align-items:flex-start; } .mycenter-package-page__hero::before { background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 47%,rgba(255,255,255,.36) 72%,rgba(255,255,255,.08) 100%); } .mycenter-package-page__hero-visual img { object-position:62% center; } }
@media (min-width:48.01rem) and (max-width:63.99rem) { .mycenter-package-page__categories { margin-top:1rem; margin-bottom:1.5rem; } .mycenter-package-page__categories > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; align-items:start; } }
@media (max-width:48rem) { .mycenter-package-page__categories { margin-top:1rem; margin-bottom:1.5rem; } .mycenter-package-page__categories > p { margin-bottom:1.25rem; } .mycenter-package-page__categories > div { display:grid; grid-template-columns:1fr; gap:1rem; align-items:start; } .mycenter-package-page__category-link { width:100%; } .mycenter-package-page__category-link img { display:block; width:100%; height:auto; } }
@media (max-width:37.49rem) { .mycenter-package-page { padding-top:1rem; } .mycenter-package-section,.mycenter-package-page .mycenter-package-section{width:min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)),30rem)} .mycenter-package-section__grid{grid-template-columns:1fr;gap:1rem} .mycenter-package-card__header,.mycenter-package-card__summary,.mycenter-package-card__details,.mycenter-package-card__actions{padding-inline:1rem} .mycenter-package-card__visual{margin-inline:1rem} .mycenter-package-page__breadcrumb { margin-bottom:.75rem; } .mycenter-package-page__hero { width:min(calc(100% - (var(--mycenter-package-gutter) * 2)),30rem); border-radius:1rem; } .mycenter-package-page__hero h1 { font-size:1.75rem; } .mycenter-package-page__hero p:not(.mycenter-package-page__eyebrow) { font-size:.93rem; line-height:1.6; } .mycenter-package-page__hero ul { display:grid; gap:.45rem; font-size:.82rem; } .mycenter-package-page__hero-actions,.mycenter-package-page__hero-actions a,.mycenter-package-page__help .mycenter-package-page__primary { width:100%; } .mycenter-package-category { margin-top:2.5rem; padding-top:2rem; } .mycenter-package-category__header { grid-template-columns:1fr; gap:.8rem; min-height:0; margin-bottom:1.1rem; padding:1.1rem 1rem; } .mycenter-package-category__description { font-size:.9rem; line-height:1.55; } .mycenter-package-card__actions a { min-height:3rem; } .mycenter-package-page__help { align-items:flex-start; flex-direction:column; margin-top:2.25rem; } }
@media (prefers-reduced-motion:reduce) { .mycenter-package-card,.mycenter-package-card__actions a{transition:none} }

@media (max-width:37.49rem) {
	.mycenter-package-page__hero {
		width: min(calc(100% - var(--mycenter-package-gutter) - var(--mycenter-package-gutter)), 30rem);
	}
}
/* Archive-only container rhythm: use the Homepage page tokens, not a child-local gutter. */
.mycenter-package-page { padding-inline: var(--mycenter-page-gutter); }
.mycenter-package-page :is(.mycenter-package-page__breadcrumb, .mycenter-package-page__hero, .mycenter-package-page__categories, .mycenter-package-page__help, .mycenter-package-section) {
	width: 100%; max-width: var(--mycenter-container-width); margin-inline: auto;
}
.mycenter-package-page .mycenter-package-page__hero {
	display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	min-height: 0; gap: var(--mycenter-card-gap);
	border-radius: var(--wp--custom--radius--large);
}
.mycenter-package-page .mycenter-package-page__hero::before { content: none; }
.mycenter-package-page .mycenter-package-page__hero-content { width: 100%; max-width: none; }
.mycenter-package-page .mycenter-package-page__hero-visual { position: static; z-index: auto; width: 100%; height: auto; }
.mycenter-package-page .mycenter-package-page__hero-visual img { width: 100%; height: auto; object-fit: contain; object-position: center; }
.mycenter-package-page .mycenter-package-page__categories { margin-block: var(--mycenter-section-space-compact); }
.mycenter-package-page .mycenter-package-page__categories > div { gap: var(--mycenter-card-gap); align-items: stretch; }
.mycenter-package-page .mycenter-package-page__category-link {
	display: flex; align-items: center; padding: var(--wp--preset--spacing--30);
	border: 1px solid #dce7f4; border-radius: var(--wp--custom--radius--medium); background: #f8fbff;
}
.mycenter-package-page .mycenter-package-page__category-link picture { display: block; width: 100%; }
.mycenter-package-page .mycenter-package-page__category-link img { filter: none; transform: none; }
.mycenter-package-page .mycenter-package-page__category-link:hover { border-color: #b7d3ee; background: #edf7ff; }
@media (max-width: 767px) {
	.mycenter-package-page .mycenter-package-page__hero { grid-template-columns: minmax(0, 1fr); }
	.mycenter-package-page .mycenter-package-page__categories > div { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.mycenter-package-page .mycenter-package-page__categories > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
	.mycenter-package-page .mycenter-package-page__categories > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.mycenter-package-page .mycenter-package-page__hero--banner {
	display: block; padding: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible;
}
.mycenter-package-page .mycenter-package-page__hero--banner h1 {
	max-width: none; margin: 0 0 1rem; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.4;
}
.mycenter-package-page__banner {
	margin: 0; overflow: hidden; border-radius: var(--wp--custom--radius--large);
	box-shadow: 0 .5rem 1.25rem rgba(21,56,104,.06);
}
.mycenter-package-page__banner img { display: block; width: 100%; height: auto; object-fit: contain; }
.mycenter-package-page .mycenter-package-promotion-assist {
	display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 1rem var(--mycenter-card-gap);
	width: 100%; max-width: var(--mycenter-container-width); margin: 0 auto var(--mycenter-section-space-compact);
	padding: var(--wp--preset--spacing--40); border: 1px solid #dce7f4; border-radius: var(--wp--custom--radius--medium);
	background: linear-gradient(120deg, #f0f8ff, #f8fbff);
}
.mycenter-package-promotion-assist__copy h2 { margin: 0 0 .625rem; font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.4; }
.mycenter-package-promotion-assist__copy p { max-width: var(--mycenter-reading-width); margin: 0; color: #475467; line-height: 1.6; }
.mycenter-package-promotion-assist__actions { display: flex; flex-wrap: wrap; gap: .625rem; }
.mycenter-package-promotion-assist__actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: .625rem .875rem; border: 1px solid #c5d8eb; border-radius: var(--wp--custom--radius--small); background: #fff; color: #26415f; text-decoration: none; font-weight: 600; }
.mycenter-package-promotion-assist__actions .mycenter-action-line { background: #06c755; border-color: #06c755; color: #fff; }
.mycenter-package-promotion-assist__actions a:hover { filter: brightness(.96); }
.mycenter-package-promotion-assist__actions a:focus-visible { outline: 3px solid #0878f9; outline-offset: 3px; }
.mycenter-package-promotion-assist__note { grid-column: 1 / -1; margin: 0; color: #52657a; font-size: .8125rem; line-height: 1.6; }
@media (max-width: 1023px) {
	.mycenter-package-page .mycenter-package-promotion-assist { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
	.mycenter-package-promotion-assist__actions { flex-direction: column; }
}
.mycenter-package-navigation,
.mycenter-package-disclosure { display:none; }
@media (max-width:767px) {
	[data-mycenter-package-disclosure] .mycenter-package-navigation:not([hidden]) { display:block; margin:1rem var(--mycenter-page-gutter) 1.25rem; }
	[data-mycenter-package-disclosure] .mycenter-package-navigation > p { margin:0 0 .5rem; font-weight:600; }
	[data-mycenter-package-disclosure] .mycenter-package-navigation__links { display:flex; flex-wrap:wrap; gap:.5rem; }
	[data-mycenter-package-disclosure] .mycenter-package-navigation a,
	[data-mycenter-package-disclosure] .mycenter-package-disclosure { min-height:44px; padding:.625rem .75rem; border:1px solid #dce7f4; border-radius:.75rem; background:#f7f9fc; color:#172033; font:inherit; text-decoration:none; text-align:center; }
	[data-mycenter-package-disclosure] .mycenter-package-navigation a { display:inline-flex; align-items:center; justify-content:center; }
	[data-mycenter-package-disclosure] .mycenter-package-disclosure:not([hidden]) { display:block; max-width:100%; margin:1rem auto 0; font-size:.875rem; cursor:pointer; }
	[data-mycenter-package-disclosure] .mycenter-package-navigation a:focus-visible,
	[data-mycenter-package-disclosure] .mycenter-package-disclosure:focus-visible { outline:3px solid #0878f9; outline-offset:3px; }
	[data-mycenter-package-disclosure] .mycenter-package-category__jump-target { scroll-margin-top:var(--mycenter-package-jump-offset,6rem); }
	[data-mycenter-package-disclosure] .mycenter-package-card[hidden] { display:none !important; }
}