/* Customer support only: shared footer and other pages retain their own styles. */
body.front.support-renewal #header{height:auto;min-height:80px;display:flex;align-items:center;margin-top:0;background:#fff;border-bottom:1px solid #e5e8ed;box-shadow:0 1px 4px #20263105}
body.front.support-renewal #header>nav{width:100%}
body.front.support-renewal #support-content{padding-top:80px;background:#fff;color:#262930}
#support-content *,#support-content *::before,#support-content *::after{box-sizing:border-box}
body.front.support-renewal #support-content section{padding:0;text-align:left}
#support-content .support-inner,#support-content .support-body{width:calc(100% - 60px);max-width:1200px;margin:0 auto;min-width:0}
#support-content h1,#support-content h2,#support-content h3{color:#262930;word-break:keep-all;overflow-wrap:anywhere}
#support-content p{font-size:16px;line-height:1.9;color:#6b7079;word-break:keep-all;overflow-wrap:anywhere}
#support-content a{text-decoration:none}
#support-content :is(a,button,input,textarea):focus-visible{outline:3px solid #e51837;outline-offset:3px}
body.front.support-renewal #support-content .support-masthead{padding:30px;background:#f6f7f9;border-bottom:1px solid #edf0f2}
#support-content .support-masthead-row{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:172px;width:100%}
#support-content .support-masthead h1{font-size:36px;font-weight:700;line-height:1.5;letter-spacing:-1.4px;margin:0 0 14px}
#support-content .support-masthead p{font-size:17px;margin:0}
#support-content .support-masthead img{width:240px;height:172px;flex:none;object-fit:contain}
#support-content .support-nav{position:sticky;top:80px;z-index:90;padding:0 30px;background:#fff;border-bottom:1px solid #e5e8ed}
#support-content .support-nav>div{display:flex;gap:30px;width:100%;overflow-x:auto;scrollbar-width:none}
#support-content .support-nav>div::-webkit-scrollbar{display:none}
#support-content .support-nav a{display:block;flex:none;padding:18px 0 16px;font-size:15px;line-height:24px;color:#59616d;border-bottom:2px solid transparent;white-space:nowrap}
#support-content .support-nav a:hover,#support-content .support-nav a.active{color:#e51837}
#support-content .support-nav a.active{border-color:#e51837;font-weight:500}
#support-content .support-body{padding:56px 0 72px}
body.support-article-page #support-content .support-body,body.support-form-page #support-content .support-body{max-width:1000px}
#support-content .support-page-title{font-size:30px;font-weight:500;line-height:1.5;letter-spacing:-.8px;margin:0 0 12px}
#support-content .support-intro{margin:0 0 32px}
#support-content .search-box{margin:0 0 28px;padding:24px;background:#f6f7f9;border:1px solid #e9ecf0;border-radius:12px;text-align:left}
#support-content .search-box form{display:flex;align-items:flex-end;gap:20px;max-width:820px}
#support-content .search-box .option{display:block;flex:0 0 200px;min-width:0;margin:0;padding:0}
#support-content .search-box label{display:block;font-size:14px;line-height:22px;margin:0 0 8px;color:#59616d}
#support-content .search-box .search{display:flex;flex:1;width:auto;max-width:none;min-width:0;margin:0;padding:0}
#support-content .search-box .form-control{height:46px;min-width:0;border:1px solid #d3d8df;border-radius:4px;background:#fff;font-size:16px;color:#333b46;padding:10px 12px}
#support-content .search-box .search .form-control{border-radius:4px 0 0 4px}
#support-content .search-box button[type=submit]{position:static;display:flex;align-items:center;justify-content:center;height:46px;padding:10px 22px;border:1px solid #e51837;border-radius:0 4px 4px 0;background:#e51837;color:#fff;font-size:16px;line-height:24px;white-space:nowrap}
#support-content .bootstrap-select{width:100%!important;max-width:100%}
#support-content .bootstrap-select>.dropdown-toggle{height:46px;border:1px solid #d3d8df;border-radius:4px;background:#fff;color:#333b46;padding:10px 30px 10px 12px;box-shadow:none;font-size:16px}
#support-content .bootstrap-select .filter-option-inner{padding-right:0}
#support-content .bootstrap-select .dropdown-menu{font-size:15px;max-width:100%}
#support-content .bootstrap-select .dropdown-item{padding:10px 16px}
#support-content .ul-table ul{margin:0;padding:0;list-style:none;border-top:1px solid #d6dce4}
#support-content .ul-table ul li{height:auto;margin:0;padding:0;border-bottom:1px solid #e5e8ed;background:#fff;transition:background .15s}
#support-content .ul-table ul li:hover{height:auto;font-size:inherit;box-shadow:none;background:#fafbfc}
#support-content .ul-table ul li>a{display:grid;grid-template-columns:92px minmax(0,1fr) 112px;align-items:center;gap:20px;padding:22px 24px;color:#303741;line-height:1.7}
body.faq #support-content .ul-table ul li>a{grid-template-columns:92px minmax(0,1fr)}
#support-content .ul-table .cate{grid-column:1;grid-row:1;display:inline-block;width:auto;max-width:92px;justify-self:start;margin:0;padding:4px 12px;background:#f0f2f5;border-radius:4px;color:#59616d;font-size:14px;text-align:center;float:none;white-space:nowrap}
#support-content .ul-table .title{grid-column:2;grid-row:1;display:block;min-width:0;width:auto;font-size:17px;line-height:1.7;color:#303741;float:none;white-space:normal;overflow-wrap:anywhere;word-break:keep-all}
#support-content .ul-table .reg-dt{grid-column:3;grid-row:1;width:auto;float:none;color:#78818d;font-size:14px;text-align:right}
#support-content .ul-table ul li.no-data{padding:56px 24px;text-align:center;font-size:16px;color:#6b7079}
#support-content .ul-table-footer{align-items:center;margin-top:24px}
#support-content .ul-table-footer .total{font-size:14px;color:#6b7079;line-height:24px}
#support-content .ul-table-footer .big{font-size:16px;font-weight:500}
#support-content .paging{display:flex;flex-wrap:wrap;gap:6px;margin:0}
#support-content .paging a,#support-content .paging span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0;padding:6px 10px;border:1px solid #e0e4e9;border-radius:4px;font-size:14px;line-height:24px;color:#59616d;background:#fff}
#support-content .paging .current{background:#e51837;color:#fff;border-color:#e51837}
#support-content .paging .disabled{color:#a1a9b4;background:#f8f9fb}
#support-content .support-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border:1px solid #d3d8df;border-radius:4px;background:#fff;color:#454e5a;font-size:16px;font-weight:500;line-height:22px;white-space:nowrap}
#support-content .support-button:hover{border-color:#e51837;color:#e51837}
#support-content .support-primary,#support-content .add-footer .support-button{border-color:#e51837;background:#e51837;color:#fff}
#support-content .support-primary:hover,#support-content .add-footer .support-button:hover{background:#c6102c;color:#fff}
#support-content .support-back{display:inline-block;color:#6b7079;font-size:14px;padding:0 0 24px}
#support-content .contents-header{padding:0 0 28px;margin:0 0 32px;border-bottom:1px solid #e5e8ed}
#support-content .contents-header>.row{align-items:center;row-gap:12px}
#support-content .contents-header .category{font-size:14px;color:#59616d;background:#f0f2f5;border-radius:4px;padding:4px 10px}
#support-content .link-sharing{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
#support-content .btn-share{width:auto;height:auto;min-height:36px;padding:6px 10px;border:1px solid #e0e4e9;border-radius:4px;background:#fff;color:#68717e;font-size:13px;line-height:22px}
#support-content .contents-header .support-article-title{margin:24px 0 0;font-size:32px;font-weight:500;line-height:1.55;letter-spacing:-.8px}
#support-content #icontents{display:block;width:100%;border:0;min-height:100px}
#support-content .contents-attach{margin:32px 0 0;padding:24px;background:#f6f7f9;border:1px solid #e5e8ed;border-radius:8px}
#support-content .support-attach-title{font-size:16px;margin:0 0 12px}
#support-content .contents-attach ul{margin:0;padding-left:20px}
#support-content .contents-attach a{color:#e51837;overflow-wrap:anywhere;line-height:1.9}
#support-content .contents-footer{margin:32px 0 0;padding:24px 0 0;border-top:1px solid #e5e8ed;text-align:right}
#support-content #addForm{padding:32px;border:1px solid #e0e4e9;border-radius:12px;background:#fff}
#support-content #addForm .form-group{margin-bottom:24px}
#support-content #addForm label{font-size:15px;line-height:24px;margin-bottom:8px;color:#454e5a}
#support-content #addForm input.form-control,#support-content #addForm textarea.form-control,#support-content #addForm select.form-control{height:auto;min-height:46px;border:1px solid #d3d8df;border-radius:4px;padding:10px 12px;font-size:16px;color:#333b46;box-shadow:none}
#support-content #addForm textarea.form-control{min-height:200px;line-height:1.8;resize:vertical}
#support-content #addForm .terms{padding:24px;border:1px solid #e5e8ed;border-radius:8px;background:#f6f7f9;font-size:14px;line-height:1.8;color:#6b7079}
#support-content #addForm .terms p{font-size:16px;color:#454e5a;margin:0 0 12px}
#support-content #addForm .terms ul{padding-left:20px;margin-bottom:20px}
#support-content #addForm .form-check{padding-left:24px}
#support-content #addForm .form-check-label{margin-bottom:0}
#support-content .add-footer{text-align:right;margin:24px 0 0;padding:0}
#support-content .scroll-area{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
#support-content #items-table{min-width:760px}
#support-content .table{font-size:15px;color:#454e5a;line-height:1.7}
#support-content .table th,#support-content .table td{padding:16px 20px;vertical-align:middle;border-color:#e5e8ed}
#support-content .table th{font-weight:500;background:#f6f7f9}
body.front.support-renewal #support-content .support-contact{padding:40px 30px;background:#f6f7f9;border-top:1px solid #edf0f2}
#support-content .support-contact-row{display:flex;justify-content:space-between;align-items:center;gap:28px;width:100%;padding:30px 32px;border:1px solid #e3e7ed;border-radius:12px;background:#fff}
#support-content .support-contact h2{font-size:23px;line-height:1.5;margin:0 0 8px;font-weight:500;letter-spacing:-.6px}
#support-content .support-contact p{margin:0;font-size:15px}
#support-content .support-contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex-shrink:0}
#support-content .support-phone{font-size:17px;color:#59616d;margin-left:10px;white-space:nowrap}
body.support-renewal .quickmenu-button-wrap{display:none}
@media(max-width:991px){#support-content .support-contact-row{align-items:flex-start;flex-direction:column}#support-content .support-nav>div{gap:24px}}
@media(max-width:767px){
body.front.support-renewal #header{min-height:64px}body.front.support-renewal #support-content{padding-top:64px}
#support-content .support-inner,#support-content .support-body{width:calc(100% - 40px)}
body.front.support-renewal #support-content .support-masthead{padding:32px 24px}#support-content .support-masthead-row{width:100%;min-height:110px;gap:16px}#support-content .support-masthead h1{font-size:28px;margin-bottom:10px;letter-spacing:-1px}#support-content .support-masthead p{font-size:15px;line-height:1.8}#support-content .support-masthead img{width:100px;height:110px}
#support-content .support-nav{top:64px;padding:0 20px}#support-content .support-nav>div{width:100%;gap:24px}#support-content .support-nav a{font-size:14px;padding:14px 0 12px}
#support-content .support-body{padding:36px 0 56px}#support-content .support-page-title{font-size:26px}#support-content .support-intro{font-size:15px;margin-bottom:24px}
#support-content .search-box{padding:20px;margin-bottom:20px}#support-content .search-box form{flex-wrap:wrap;gap:16px}#support-content .search-box .option{flex:1 1 100%;width:100%;min-width:0}#support-content .search-box .search{flex:1 1 100%}#support-content .search-box button[type=submit]{padding:10px 16px}
#support-content .ul-table ul li>a,body.faq #support-content .ul-table ul li>a{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:20px 4px}#support-content .ul-table .cate{grid-column:1;grid-row:1;font-size:13px;padding:3px 10px}#support-content .ul-table .title{grid-column:1/-1;grid-row:2;font-size:16px}#support-content .ul-table .reg-dt{grid-column:2;grid-row:1;font-size:13px}#support-content .ul-table-footer{gap:16px}#support-content .ul-table-footer .total{text-align:left}
#support-content .paging{gap:4px}#support-content .paging a,#support-content .paging span{min-width:34px;height:38px;padding:6px 8px;font-size:13px}
#support-content .contents-header .support-article-title{font-size:26px}#support-content .contents-header .col-5,#support-content .contents-header .col-7{flex:0 0 100%;max-width:100%}#support-content .link-sharing{justify-content:flex-start}
#support-content #addForm{padding:20px}#support-content #addForm .terms{padding:18px}#support-content .recaptcha{max-width:100%;overflow-x:auto}#support-content .table th,#support-content .table td{padding:12px 8px;font-size:14px;overflow-wrap:anywhere}
body.front.support-renewal #support-content .support-contact{padding:32px 20px}#support-content .support-contact-row{width:100%;padding:24px 20px;gap:24px}#support-content .support-contact h2{font-size:21px}#support-content .support-contact-actions{gap:8px}#support-content .support-phone{width:100%;margin:8px 0 0}#support-content .support-button{font-size:15px;padding:11px 16px}
}
/* Bootstrap wraps selects with the form-control class; only the button is a field. */
#support-content .bootstrap-select.form-control{padding:0;border:0;background:transparent;border-radius:4px;height:46px}
#support-content .search-box .bootstrap-select.form-control{padding:0;border:0;background:transparent;border-radius:4px;height:46px}
#support-content .paging .active{background:#e51837;color:#fff;border-color:#e51837}

/* Match the product detail's accessible circular share controls. */
#support-content .link-sharing {flex-wrap:nowrap; gap:8px;}
#support-content .btn-share {display:inline-flex; flex:none; align-items:center; justify-content:center; width:44px; height:44px; padding:0; border:1px solid #dce1e8; border-radius:50%; background:#fff; color:#59616d; cursor:pointer; transition:color .15s,border-color .15s,background .15s;}
#support-content .btn-share svg {display:block; width:20px; height:20px;}
#support-content .btn-share:hover {color:#e51837; border-color:#e51837; background:transparent;}
@media(max-width:767px) {
 #support-content .contents-header .col-5 {flex:1; min-width:0; max-width:none;}
 #support-content .contents-header .col-7.link-sharing {flex:0 0 auto; width:auto; max-width:none; justify-content:flex-end; gap:6px;}
}

/* Full product names remain readable in the estimate and its searchable menu. */
body.self-estimate #support-content #items-table {min-width:940px; table-layout:fixed;}
body.self-estimate #support-content #items-table td {padding:14px 12px;}
body.self-estimate #support-content #items-table td:first-child {min-width:0;}
body.self-estimate #support-content #items-table .bootstrap-select {min-width:0;}
body.self-estimate #support-content #items-table .cert-item td:first-child .bootstrap-select>.dropdown-toggle {height:auto; min-height:48px; padding:12px 30px 12px 12px; white-space:normal;}
body.self-estimate #support-content #items-table .cert-item td:first-child .filter-option {position:static; float:none; width:100%; height:auto; padding:0; overflow:visible;}
body.self-estimate #support-content #items-table .cert-item td:first-child .filter-option-inner-inner {white-space:normal; text-overflow:clip; overflow:visible; overflow-wrap:anywhere; line-height:1.7; font-size:15px;}
body.self-estimate .bs-container {max-width:calc(100vw - 24px);}
body.self-estimate .bs-container .dropdown-menu {max-width:100%; font-size:15px;}
body.self-estimate .bs-container .dropdown-item {padding:10px 16px; white-space:normal;}
body.self-estimate .bs-container .dropdown-item .text {white-space:normal; overflow-wrap:anywhere; line-height:1.7;}
body.self-estimate #support-content #items-table .cert-item td:first-child .dropdown-toggle::before {display:none;}
body.self-estimate #support-content #items-table .cert-item td:first-child .dropdown-toggle::after {position:absolute; right:12px; top:50%; margin-top:-2px;}
body.self-estimate .bs-container .dropdown-menu {min-width:0!important; width:100%;}
