/* Customer screens share the P12Apple red identity and original system font.
   Dense order controls are intentionally separate from primary form actions. */
:is(.p12apple-customer-page,.p12apple-catalog,.p12apple-tool,.p12apple-simple){--page-red:#9e1d21;--page-ink:#35252c;--page-muted:#6e6067;--page-line:#eadfe3;--page-ground:#fcf9fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--page-ink);background:var(--page-ground)!important;line-height:1.55}
:is(.p12apple-customer-page,.p12apple-catalog,.p12apple-tool,.p12apple-simple) :is(h1,h2,h3,h4,h5,h6){font-family:inherit;letter-spacing:-.35px;overflow-wrap:break-word}
.p12apple-customer-page :is(h1,.display-2){font-size:28px;line-height:1.25}
.p12apple-customer-page :is(h2,h3){font-size:21px;line-height:1.35}
.p12apple-customer-page .card{border-radius:12px;box-shadow:none;border-color:var(--page-line)}
.p12apple-customer-page .card-body{padding:20px}
.p12apple-customer-page :is(.btn,.funding-tab,.funding-quick-amount){font-family:inherit;font-size:13px;line-height:1.4;min-height:36px;padding:8px 12px;border-radius:7px;letter-spacing:0}
.p12apple-customer-page :is(.btn-sm,.btn-xs){font-size:12px;min-height:30px;padding:5px 9px}
.p12apple-customer-page :is(.form-control,.form-select){min-height:40px;font-size:16px;border-radius:8px;border-color:#d8cdd2}
.p12apple-customer-page textarea.form-control{min-height:96px}
.p12apple-customer-page :is(.form-control,.form-select,.funding-input):focus{border-color:var(--page-red);outline:2px solid #9e1d2130;outline-offset:1px;box-shadow:none}
:is(.p12apple-customer-page,.p12apple-catalog,.p12apple-tool,.p12apple-simple) :is(a,button,input,select,textarea):focus-visible{outline:2px solid #9e1d21;outline-offset:3px}
.p12apple-customer-page .table-responsive{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.p12apple-customer-page :is(td,th){font-size:13px;line-height:1.45;vertical-align:middle}
.p12apple-customer-page :is(code,.text-break){overflow-wrap:anywhere}
.p12apple-customer-page .mo-scope{--mo-brand:#9e1d21;--mo-ink:#35252c;--mo-muted:#6e6067;--mo-line:#eadfe3;--mo-bg2:#fbf5f7}
.p12apple-customer-page .mo-scope .mo-actions{gap:4px!important}
.p12apple-customer-page .mo-scope .mo-actions .btn{min-height:26px!important;height:auto!important;padding:4px 6px!important;font-size:10.5px!important;line-height:1.25!important;border-radius:5px!important}
.p12apple-customer-page .mo-scope .mo-actions select.btn{font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:3px 20px 3px 5px!important;appearance:auto!important;-webkit-appearance:menulist!important}
.p12apple-customer-page .mo-scope .mo-actions form{padding:5px!important;margin-top:0!important}
.p12apple-customer-page .mo-scope .mo-actions form>.btn+.btn{margin-top:4px!important}
.p12apple-customer-page .funding-page{--funding-ink:#35252c;--funding-muted:#6e6067;--funding-line:#eadfe3;--funding-soft:#fcf9fa;--funding-brand:#9e1d21;--funding-brand-dark:#79192d}
.p12apple-customer-page .funding-hero{background:#9e1d21;padding-top:28px;padding-bottom:28px}
.p12apple-customer-page :is(.funding-sidebar,.funding-surface){border-radius:10px;box-shadow:none}
.p12apple-customer-page .funding-mobile-nav{gap:6px}
.p12apple-customer-page .funding-input{font-size:16px;min-height:42px}
.p12apple-customer-page .funding-submit{min-height:40px}
.p12apple-customer-page .funding-quick-amount{font-size:12px;min-height:32px}
.p12apple-customer-page .p12warranty-container{max-width:920px;min-height:0;font-family:inherit;padding:20px 16px}
.p12apple-customer-page .p12warranty-card{border:1px solid var(--page-line);border-radius:12px;box-shadow:none}
.p12apple-customer-page .p12warranty-card:hover{transform:none;box-shadow:none}
.p12apple-customer-page .p12warranty-header{background:#9e1d21;padding:24px 20px}
.p12apple-customer-page .p12warranty-header::before{display:none}
.p12apple-customer-page .p12warranty-title{font-size:24px}
.p12apple-customer-page .p12warranty-step{padding:20px}
.p12apple-customer-page .p12warranty-step-title{font-size:18px}
.p12apple-customer-page :is(.p12warranty-button,.p12warranty-step-number,.p12warranty-progress-step.active .p12warranty-progress-circle){background:#9e1d21}
.p12apple-customer-page .p12warranty-button{font-family:inherit;min-height:40px;padding:10px 18px;font-size:14px;border-radius:8px}
.p12apple-customer-page .p12warranty-button:hover{transform:none;box-shadow:none}
.p12apple-customer-page .p12warranty-input{padding:10px 12px;border-width:1px;font-size:16px;border-radius:8px}
.p12apple-customer-page .p12warranty-issue-button{font-family:inherit;font-size:14px;padding:12px 14px;line-height:1.5}
.p12apple-customer-page .p12warranty-issue-button:hover{background:#f7e9ed;color:#79192d}
.p12apple-customer-page .p12warranty-issue-item:hover{transform:none}
.p12apple-customer-page .p12warranty-progress{padding:16px;margin-bottom:8px;font-size:13px}
.p12apple-customer-page .p12warranty-sub-issues{padding-left:20px}
.p12apple-customer-page .package-selection .tab-button{min-height:40px;padding:8px;font-size:12px}
.p12apple-customer-page .package-selection .chongoivip{font-size:14px}
.p12apple-customer-page .modal-body{padding:20px;max-height:calc(100dvh - 48px);overflow:auto}
:is(.p12apple-catalog,.p12apple-tool,.p12apple-simple) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select){box-sizing:border-box;max-width:100%;font-family:inherit;font-size:16px;border-radius:7px}
:is(.p12apple-catalog,.p12apple-tool,.p12apple-simple) :is(button,.btn){font-family:inherit;letter-spacing:0;line-height:1.4}
:is(.p12apple-catalog,.p12apple-tool,.p12apple-simple) :is(img,video){max-width:100%}
:is(.p12apple-catalog,.p12apple-tool) :is(.btn-primary,.btn-danger){background:#9e1d21;border-color:#9e1d21;color:#fff}
:is(.p12apple-catalog,.p12apple-tool) .modal-content{border-radius:12px;border-color:var(--page-line);box-shadow:none}
.p12apple-tool .content{box-sizing:border-box;max-width:960px;margin-left:auto;margin-right:auto;padding:20px 16px}
.p12apple-tool .content .modal-body{padding:16px}
.p12apple-tool .content .modal-title{font-size:20px}
.p12apple-tool .content .form-control{min-height:42px;font-size:16px;border-color:#d8cdd2}
.p12apple-tool .content .btn{min-height:38px;padding:9px 14px;font-size:14px;border-radius:7px}
.p12apple-tool .content .searchbar-input-wrap input{padding-left:40px}
.p12apple-catalog :is(.title_link h1,.details h1){font-size:26px;line-height:1.3}
.p12apple-catalog :is(.main,.details,.details_box,.article-content){max-width:100%;overflow-wrap:anywhere}
.p12apple-catalog :is(.search-input,.search_input){font-size:16px}
.p12apple-simple :is(.form-control,input[type=text],input[type=email],textarea){padding:9px 12px;border:1px solid #d8cdd2}
@media(max-width:767.98px){
 .p12apple-customer-page :is(h1,.display-2){font-size:24px}
 .p12apple-customer-page .card-body{padding:16px}
 .p12apple-customer-page .card .display-2{font-size:30px}
 .p12apple-customer-page .form-group{margin-bottom:14px}
 .p12apple-customer-page :is(.pt-9,.py-9){padding-top:24px!important}
 .p12apple-customer-page :is(.pb-9,.py-9){padding-bottom:24px!important}
 .p12apple-customer-page .funding-hero{padding:20px 0}
 .p12apple-customer-page .funding-mobile-account{font-size:13px}
 .p12apple-customer-page .funding-mobile-nav a{min-height:36px;padding:8px;font-size:12px}
 .p12apple-customer-page .p12warranty-container{padding:16px 12px}
 .p12apple-customer-page .p12warranty-title{font-size:22px}
 .p12apple-customer-page .p12warranty-step{padding:16px}
 .p12apple-customer-page .p12warranty-progress{font-size:12px}
 .p12apple-customer-page .p12warranty-subtitle{font-size:14px}
 .p12apple-tool .content{padding:16px 12px}
 .p12apple-catalog :is(.title_link h1,.details h1){font-size:22px}
}
@media(prefers-reduced-motion:reduce){:is(.p12apple-customer-page,.p12apple-catalog,.p12apple-tool,.p12apple-simple) *, :is(.p12apple-customer-page,.p12apple-catalog,.p12apple-tool,.p12apple-simple) *::before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* The catalogue and signing layouts use an older framework. Scope their shared
   header here instead of importing a second Bootstrap version into those pages. */
:is(.p12apple-catalog,.p12apple-tool){padding-top:68px!important}
:is(.p12apple-catalog,.p12apple-tool) .navbar{position:fixed;inset:0 0 auto;z-index:1030;min-height:60px;background:#fff!important;border-bottom:1px solid #eadfe3;box-sizing:border-box}
:is(.p12apple-catalog,.p12apple-tool) .navbar>.container-fluid{display:flex;align-items:center;gap:12px;min-height:60px;max-width:1280px;width:100%;padding:6px 16px;margin:auto;box-sizing:border-box;position:relative}
:is(.p12apple-catalog,.p12apple-tool) .navbar-brand{font-family:inherit;font-size:22px;font-weight:700;letter-spacing:-.7px;line-height:1.3;color:#9e1d21;text-decoration:none;white-space:nowrap;margin:0 auto 0 0}
:is(.p12apple-catalog,.p12apple-tool) .navbar>.container-fluid>div[style*="min-width"]{position:static!important;min-width:0!important;margin:0!important;right:auto!important;z-index:auto!important}
:is(.p12apple-catalog,.p12apple-tool) .at-sign-in-up{display:flex;gap:8px;margin:0!important}
:is(.p12apple-catalog,.p12apple-tool) .at-sign-in-up p{float:none!important;width:auto!important;margin:0}
:is(.p12apple-catalog,.p12apple-tool) .langitem img{width:28px!important;height:auto!important}
:is(.p12apple-catalog,.p12apple-tool) .navbar-toggler{display:none;width:40px;height:40px;min-width:40px;margin:0;padding:8px;border:1px solid #eadfe3;border-radius:8px;background:#fff;color:#6e6067;cursor:pointer}
:is(.p12apple-catalog,.p12apple-tool) .navbar-toggler-icon{display:block;width:22px;height:22px;background:center/22px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236e6067' stroke-width='1.6'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E")}
:is(.p12apple-catalog,.p12apple-tool) .navbar-collapse{display:flex;align-items:center;gap:12px;flex-grow:0;box-sizing:border-box}
:is(.p12apple-catalog,.p12apple-tool) .navbar-nav{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0;height:auto}
:is(.p12apple-catalog,.p12apple-tool) .nav-item{list-style:none;margin:0;padding:0}
:is(.p12apple-catalog,.p12apple-tool) .nav-link{display:block;padding:8px;font-size:13px;font-weight:500;line-height:1.4;color:#6e6067;text-decoration:none}
:is(.p12apple-catalog,.p12apple-tool) .navbar-btn{display:block;padding:9px 12px;border-radius:7px;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;text-decoration:none;background:#9e1d21;color:#fff;margin:0}
.p12apple-catalog .search-form{box-sizing:border-box;display:flex;max-width:100%;width:100%;padding:8px 12px;gap:6px}
.p12apple-catalog .search-form .search-input{flex:1;min-width:0;width:auto}
.p12apple-catalog .search-form .search-button{flex:0 0 40px}
.p12apple-simple #main-wrapper{max-width:1040px;margin:24px auto;padding:16px;box-sizing:border-box}
.p12apple-simple .form-title{font-size:22px;color:#9e1d21;text-transform:none;margin-bottom:20px}
.p12apple-simple .form-control{width:100%;min-height:42px;margin-bottom:12px;background:#fff}
.p12apple-simple textarea.form-control{min-height:110px}
.p12apple-simple .form-dark button{background:#9e1d21;color:white;border:0;padding:10px 16px;border-radius:7px}
@media(max-width:1100px){
 :is(.p12apple-catalog,.p12apple-tool) .navbar-toggler{display:block}
 :is(.p12apple-catalog,.p12apple-tool) .navbar-collapse{display:none;position:absolute;right:12px;top:64px;width:292px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px);overflow-y:auto;background:#fff;border:1px solid #eadfe3;border-radius:10px;box-shadow:0 10px 30px #35252c24;padding:8px;box-sizing:border-box}
 :is(.p12apple-catalog,.p12apple-tool) .navbar-collapse.show{display:block;height:auto!important;opacity:1}
 :is(.p12apple-catalog,.p12apple-tool) .navbar-collapse>.navbar-toggler{display:block;margin-left:auto;background:center/20px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%236e6067' stroke-width='1.6'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")}
 :is(.p12apple-catalog,.p12apple-tool) .navbar-collapse>.navbar-toggler i{display:none}
 :is(.p12apple-catalog,.p12apple-tool) .navbar-nav{display:block;margin:0;padding:0}
 :is(.p12apple-catalog,.p12apple-tool) .nav-link{padding:11px 12px;min-height:42px;box-sizing:border-box;font-size:14px}
 :is(.p12apple-catalog,.p12apple-tool) .navbar-btn{margin:6px 0 0;text-align:center}
}
@media(max-width:359px){:is(.p12apple-catalog,.p12apple-tool) .navbar>.container-fluid{padding-left:12px;padding-right:12px;gap:8px}:is(.p12apple-catalog,.p12apple-tool) .navbar-brand{font-size:19px}:is(.p12apple-catalog,.p12apple-tool) .langitem img{width:24px!important}}
/* Article topics and contact pages keep the same restrained customer-page frame. */
.p12apple-customer-page :is(.vv-container,.vnt-product>.wrapper,.innerContent-wrap){box-sizing:border-box;max-width:1080px;margin:20px auto;padding:20px 16px;background:#fff;border-radius:10px}
.p12apple-customer-page .vv-left{width:100%;max-width:100%}
.p12apple-customer-page .main-title>img{display:none}
.p12apple-customer-page :is(.breadcrumb,.breadcrumbs){font-size:13px;line-height:1.5}
.p12apple-customer-page .breadcrumb h1{font-size:24px;margin:0}
.p12apple-customer-page .item-tags a{display:inline-block;padding:9px 12px;margin:4px;background:#f7edef;border-radius:6px;color:#79192d;font-size:14px}
.p12apple-customer-page .empty-list{padding:16px;color:#6e6067;background:#fcf9fa;border-radius:8px;font-size:14px}
.p12apple-customer-page .getTouch{font-size:22px;font-weight:600;margin-bottom:16px;color:#35252c}
.p12apple-customer-page .news_img img{max-width:100%;height:auto;border-radius:8px}
.p12apple-customer-page .thumbnail .caption{padding:12px 0}
.p12apple-customer-page .pagination-wrapper{max-width:1080px;margin:12px auto;padding:0 16px}