/* Warehouse recreates its old mobile panel after load. The shared RC drawer
   owns navigation, so the legacy panel must not leave an off-screen shadow. */
body[data-commerce-native] #_mobile_iqitmegamenu-mobile {display:none !important;}
body[data-account-surface] #main {padding-block:28px 44px;}
body[data-account-surface] #main .page-title {font-size:clamp(24px,2.3vw,32px);line-height:1.2;}
body[data-account-surface] #wrapper {padding-top:16px;}
body#checkout[data-commerce-native] #wrapper {padding-top:16px;background:#fff;}
body#checkout[data-commerce-native] #main .page-title {font-size:clamp(24px,2.3vw,32px);line-height:1.2;}
body#checkout[data-commerce-native] .custom-checkbox label {font-size:14px;font-style:normal;line-height:1.45;}
body#checkout[data-commerce-native] .custom-checkbox label em {font-style:normal;}
body#checkout[data-commerce-native] #checkout-payment-step .rc-local-payment-note {
 margin:0;
 padding:16px 18px;
 border:1px solid #b8d9d4;
 border-left:4px solid #138a87;
 border-radius:10px;
 background:#f1faf8;
 color:#214d4a;
 font-size:14px;
 line-height:1.55;
}
body#checkout[data-commerce-native] #checkout-payment-step:has(.rc-local-payment-note) #payment-confirmation {
 display:none !important;
}
body[data-account-surface] #main > .page-header {margin:0 0 20px;}
body[data-account-surface] #content.my-account-page-content-wrapper {width:100%;margin:0;padding:0;border:0;background:transparent;}
body[data-account-surface] .my-account-page-content-wrapper > .row {display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;margin:0;align-items:start;}
body[data-account-surface] .my-account-page-content-wrapper > .row > * {width:auto;max-width:none;min-width:0;padding:0;}
body[data-account-surface] .my-account-page-content-wrapper > .row > .rc-account-navigation {display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid #dce4ed;border-radius:14px;background:#fff;box-shadow:none;}
body[data-account-surface] .rc-account-navigation a {display:flex;align-items:center;gap:11px;float:none;width:100%;max-width:none;min-height:46px;margin:0;padding:10px 12px;border:0;border-radius:8px;color:#27466b;font-size:14px;line-height:1.35;text-align:left;}
body[data-account-surface] .rc-account-navigation a .link-item {display:flex;align-items:center;gap:11px;border:0;padding:0;}
body[data-account-surface] .rc-account-navigation i {flex:0 0 18px;width:18px;color:#138a87;}
body[data-account-surface] .rc-account-navigation a:hover,body[data-account-surface] .rc-account-navigation a[aria-current=page] {background:#edf3ff;color:#1958e3;}
body[data-account-surface] .rc-account-intro {margin:0 0 18px;color:#526781;font-size:16px;line-height:1.6;}
body.rc-account-dashboard .my-account-page-content-wrapper > .row {grid-template-columns:minmax(0,1fr);}
body.rc-account-dashboard .rc-account-cards {grid-template-columns:repeat(3,minmax(0,1fr));}
.rc-account-heading {display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px;}
.rc-account-logout {display:inline-flex;align-items:center;min-height:44px;flex:0 0 auto;color:#526781;font-size:14px;text-decoration:underline;text-underline-offset:4px;}
body[data-account-surface] .rc-account-cards {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
body[data-account-surface] .rc-account-card {display:flex;align-items:center;gap:14px;min-height:100px;padding:20px;border:1px solid #dce4ed;border-radius:14px;background:#fff;color:#122d53;text-decoration:none;transition:transform .18s,border-color .18s;}
body[data-account-surface] .rc-account-card:hover {transform:translateY(-3px);border-color:#1958e3;}
body[data-account-surface] .rc-account-card-icon {display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:12px;background:#edf3ff;color:#1958e3;font-size:21px;}
body[data-account-surface] .rc-account-card strong {font-size:16px;line-height:1.4;}
body[data-account-surface] .my-account-page-content :is(.form-group,.form-footer) {max-width:640px;}
body[data-account-surface] .my-account-page-content > h2 {font-size:22px;margin:0 0 18px;color:#122d53;}
body[data-account-surface] .my-account-page-content .alert {font-size:14px;line-height:1.5;border-radius:10px;}
@media(max-width:760px){
 body[data-account-surface] .my-account-page-content-wrapper > .row {grid-template-columns:minmax(0,1fr);gap:20px;}
 body[data-account-surface] .my-account-page-content-wrapper > .row > .rc-account-navigation {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
 body[data-account-surface] .rc-account-navigation a {font-size:13px;padding:9px;}
 body[data-account-surface] .rc-account-cards {gap:10px;}
 body.rc-account-dashboard .rc-account-cards {grid-template-columns:repeat(2,minmax(0,1fr));}
 .rc-account-heading {display:block;}
 .rc-account-heading .rc-account-intro {margin-bottom:0;}
 body[data-account-surface] .rc-account-card {flex-direction:column;align-items:flex-start;gap:10px;padding:16px;min-height:130px;}
 body[data-account-surface] .rc-account-card strong {font-size:14px;}
 body[data-account-surface] #main {padding-block:20px 32px;}
}
@media(prefers-reduced-motion:reduce){body[data-account-surface] .rc-account-card {transition:none;}}

/* Native pages share the beta chrome, while legacy page styles can otherwise
   alter its search controls and footer. Keep contact-specific rules below
   scoped to the contact form and preserve the shared chrome dimensions. */
body[data-commerce-native] .chrome-shell,
body[data-commerce-native] .site-footer,
body[data-commerce-native] .site-footer * {
 font-family:var(--body,"Segoe UI",Arial,sans-serif) !important;
}
body[data-commerce-native] .chrome-shell .top-header-inner,
body[data-commerce-native] .chrome-shell .header-main,
body[data-commerce-native] .chrome-shell .header-main .search,
body[data-commerce-native] .chrome-shell .header-actions {
 font-family:var(--body,"Segoe UI",Arial,sans-serif) !important;
}
body[data-commerce-native] .chrome-shell .search {
 font-size:14px !important;
}
body[data-commerce-native] .chrome-shell .top-header-inner,
body[data-commerce-native] .chrome-shell .header-main {
 padding-inline:0 !important;
}
body[data-commerce-native] .chrome-shell .search > input,
body#contact[data-commerce-native] .chrome-shell .search > input,
body#authentication[data-commerce-native] .chrome-shell .search > input {
 flex:1 1 auto !important;
 width:auto !important;
 min-width:0 !important;
 height:39px !important;
 padding:0 !important;
 border:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 box-shadow:none !important;
 font:400 16px/1.5 var(--body,"Segoe UI",Arial,sans-serif) !important;
}
body[data-commerce-native] .chrome-shell .search > button,
body#contact[data-commerce-native] .chrome-shell .search > button,
body#authentication[data-commerce-native] .chrome-shell .search > button {
 flex:0 0 34px !important;
 width:34px !important;
 min-width:34px !important;
 height:41px !important;
 min-height:41px !important;
 margin:-1px -1px -1px 0 !important;
 padding:0 13px !important;
 border-radius:0 9px 9px 0 !important;
 font:700 12px/18px var(--body,"Segoe UI",Arial,sans-serif) !important;
}
body#contact[data-commerce-native] #main h1.page-title,
body#contact[data-commerce-native] #content h1.page-title,
body#contact[data-commerce-native] .page-header h1 {
 font-family:var(--display,"Bahnschrift","Segoe UI",Arial,sans-serif) !important;
}
body#contact[data-commerce-native] #content-wrapper form[action*="/contactenos"],
body#contact[data-commerce-native] #content-wrapper form[action*="/contactenos"] * {
 font-family:var(--body,"Segoe UI",Arial,sans-serif);
}
@media(min-width:681px){
 body[data-commerce-native] .chrome-shell .search > input,
 body#contact[data-commerce-native] .chrome-shell .search > input,
 body#authentication[data-commerce-native] .chrome-shell .search > input {height:44px !important;font-size:13px !important;}
 body[data-commerce-native] .chrome-shell .search > button,
 body#contact[data-commerce-native] .chrome-shell .search > button,
 body#authentication[data-commerce-native] .chrome-shell .search > button {height:46px !important;min-height:46px !important;padding:0 17px !important;}
}