/**Sticky NavBar searchbar scroll - Desktop only**/
@media only screen and (min-width: 64.0625em) {
    header.sticky-header {
        position: relative !important;
        z-index: 99999;
    }

    .sticky-header .alertBar,
    .sticky-header .navbar {
        width: 100%;
        position: fixed !important;
        z-index: 9;
    }

    webruntime-component-container:has(.notifyalert) + webruntime-component-container .navbar {top:2rem;}
   .sticky-header:has(.extra-section) + #main-content {position: relative;top: -6.5rem;}
   .sticky-header:not(:has(.notifyalert)) + #main-content {position: relative;top: -2rem;}
   .bose-search-input:focus-visible{z-index: 8;}


    header.sticky-header .extra-section {
        margin-top: 8rem;
        z-index: 0
    }

    main#main-content {
        margin-top: 6.5rem;
    }

    .bose-footer-container {
        margin: .5rem 0 5rem 0.625rem !important;
    }
}

/** For mobile landscape Only -Discover your offer page**/
@media screen and (min-device-width: 20rem) and (max-device-width: 47.99375rem) and (orientation: landscape) {
    .discoveryouroffer-main-content {
        position: relative;
        bottom: 2rem
    }
}

/** PDP Spacing issue Fix **/
.PDP-inner-content.comm-section-container.PDP-inner-content .column-content {
    display: block;
}

div:has(.notifyalert) .first-level {
    bottom: 4.8rem;
}

/** Search Icon in Product Categories section**/
.bif-search::before {
    font-family: 'Bose Icons', sans-serif;
    content: '\e9ea';
    position: relative;
    bottom: 0.125rem;
}

/** Page to fit the screen **/

body {
    overflow-x: hidden;
    /* prevent horizontal scroll globally */
}

:host {
    max-width: 100%;
    box-sizing: border-box;
    /* ensures padding does not break width */
}

/** **/
/** Homepage styling **/
.navbar {
    display: flex;
    align-items: stretch;
    border-bottom: .25rem solid rgba(0, 0, 0, 0.1);
    height: 4.5rem;
}

.slds-fade-in-open {
    z-index: 999999;
}

.navbar>div {
    flex: 1;
    /* makes columns grow evenly */
}

.navbar .columns-content {
    justify-content: center;
}

.first-level.show,
.first-level.back {
    margin-bottom: 20px;
    z-index: 100;
    position: relative;
}

/** Trade in FAQ styling**/
.tradeInFAQ {
    color: #333333;
    font-size: 13px;
}

/**TradeIn Benefits Box shadow fixes**/
.tradein-benefits-tile-container article.slds-card {
    box-shadow: none;
}

/** Footer Styling**/
footer .comm-section-container:nth-child(2) .background-image-overlay~.columns-content {
    padding: 0 0.625rem;
    column-gap: 3rem;
}

/**search results fix**/
.view-more-button .slds-button {
    font-family: 'Bose (Medium)', sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    border: 0.0625rem solid #131317;
    padding: 1rem;
    color: #131317;
    letter-spacing: 0.03rem;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}

.slds-button:hover,
.slds-button:focus {
    border: none;
    box-shadow: none;
}

.slds-button{
    border: none;
    font-family: 'Bose (Medium)', sans-serif;
}

.slds-m-top_medium .slds-button:hover {
    border: 0.0625rem solid #131317;
    color: #131317;
}

.slds-m-top_medium .slds-button:active {
    border: 0.0625rem solid #131317;
}

.slds-modal .slds-button:focus-visible {
    border: none;
    outline: none;
}
 
.slds-modal .slds-button:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

/** Spinner for LWR**/
.siteforceSpinnerManager .mask {
    background-color: hsla(0, 0%, 100%, .01);
    background-image: url(/sfsites/c/resource/boseSpinnerIcon);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 64px 64px;
    display: block;
    height: 256px;
    width: 256px;
    left: 50%;
    margin-left: -64px;
    margin-top: -64px;
    opacity: 1;
    top: 50%;
    position: fixed !important;
    z-index: 99;
}

.siteforceLoadingBalls.global {
    background-color: transparent;
    display: none;
    left: 50%;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding: 0px;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}

.bose-footer-container .bose-footer-heading,  .bose-footer-container .bose-footer-link {
    color: #3e474a !important;
}
.bose-footer-container {
        margin: .5rem 0 5rem 0.625rem !important;
}
.footer-main-section + webruntime-component-container hr {
    margin-left: 0.625rem;
    border-color: #d4d4d4 !important;
}

@media screen and (min-device-width: 20rem) and (max-device-width: 47rem) {
    .navbar {
        border-bottom: inherit;
    }

    /* For Article Page top alignment*/
    .article-main-content {
        position: relative;
        bottom: 1.5rem;
    }
}

/** Footer mobile +ipad changes**/
@media screen and (min-device-width: 20rem) and (max-device-width: 47rem) {
    .footer-main-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 0 !important;
    }

    .footer-main-section .columns-content {
        margin-top: 2.8125rem;
        padding: 0 !important;
        flex-wrap: nowrap !important;
    }

    .footer-main-section button.slds-page-header {
        border: 0;
        box-shadow: none;
    }

    .footer-main-section community_layout-column.col-size_12-of-12:nth-of-type(4) .footer-additional-links-section {
        border-bottom: .0625rem solid #b4bec7;
    }

    .footer-main-section community_layout-column-spacer {
        padding: 0 !important;
    }
}

/** Footer changes - ipad only**/
@media (min-width:33rem) and (max-width:64rem) {
    .footer-main-section {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important;
        padding-bottom: 0 !important;
    }

    .footer-main-section .col-size_12-of-12 {
        width: 100%;
    }

    .footer-main-section .columns-content {
        margin-top: 2.8125rem;
        padding: 0 !important;
        flex-wrap: nowrap !important;
    }

    .footer-main-section button.slds-page-header {
        border: 0;
        box-shadow: none;
    }

    .footer-main-section community_layout-column.col-size_12-of-12:nth-of-type(4) .footer-additional-links-section {
        border-bottom: .0625rem solid #b4bec7;
    }

    .footer-main-section community_layout-column-spacer {
        padding: 0 !important;
    }

    .footer-main-section+webruntime-component-container hr {
        border-color: #d4d4d4 !important;
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
}

@media (max-width: 63.938rem) {
    .footer-main-section + webruntime-component-container hr {
        margin-left: 2.5rem !important;
        margin-right: 2.5rem !important;
    }
    .bose-footer-container {
        margin-left:3.5312rem !important;
        margin-right:3.5312rem !important;
    }
}
/* repair or replacement serial page */
@media (min-width: 34rem) and (max-width: 47.875rem) {
    .repair-or-replacement-container .column-content {
        padding-top: 1rem !important;
        padding-left: 0 !important;
    }
}

html {
    color: #333333;
}

.repair-or-replacement-container .slds-has-error .slds-form-element__help {
    font-family: sans-serif;
}

.repair-or-replacement-container .nxtbtn .slds-button {
    font-family: 'Bose (Medium)', sans-serif;
}

.repair-or-replacement-container .nxtbtn .slds-button:hover {
    color: #ffffff;
    line-height: 2.125rem;
}
.repair-or-replacement-container .nxtbtn .slds-button:focus-visible {
    border: none;
}

.repair-or-replacement-container .nxtbtn .slds-button:focus {
    border: none;
}

.repair-or-replacement-container lightning-textarea.required-field {
    margin-bottom: 0;
}

.repair-or-replacement-container .slds-listbox_vertical .slds-listbox__option {
    font-size: 12px;
    font-family: sans-serif;
    color: #333;
}

.repair-or-replacement-container .slds-listbox_vertical .slds-listbox__option:hover {
    background-color: rgba(37, 116, 169, 0.05);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(11, 92, 171) 0px 0px 0px 4px inset;
}


.repair-or-replacement-container .slds-listbox_vertical .slds-listbox__option.slds-has-focus {
    background-color: rgba(37, 116, 169, 0.05);
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset, rgb(11, 92, 171) 0px 0px 0px 4px inset;
    outline: 0;
}

.repair-or-replacement-container .slds-form-element .slds-combobox__form-element .slds-input__icon-group_right {
    top: 1.3625rem;
}


/* Desktop Mode starts */

@media (min-width: 66rem) {
    .tradeInFAQ {
        max-width: 73.5rem;
        margin-left: auto;
        margin-right: auto;
        padding: 1.875rem 1rem 0 1rem;
    }

    .footer-main-section .footer-our-company-section {
        position: relative;
        right: 2.5rem
    }

    .footer-main-section .footer-offers-section {
        position: relative;
        right: 5rem
    }

    .footer-main-section .footer-additional-links-section {
        position: relative;
        right: 2rem
    }

    .footer-icons {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .bose-language-picker-div {
        position: relative;
        left: 1rem;
        padding-right: 2rem;
    }

    .footer-main-section+webruntime-component-container hr {
        position: relative;
        margin-left: 0.625rem;
        border-color: #d4d4d4 !important;
        margin-right: 0.625rem;
    }

    .footer-main-section {
        padding-bottom: 0 !important;
    }
}

.bif-shopping-cart:focus-visible {
    line-height: 1;
}

.details-toggle .slds-icon{
    --slds-c-icon-color-foreground: #131317;
}

.slds-modal .slds-button:hover{
   color: #1c577f
}
.slds-modal .slds-button:active{
   color: #1c577f
}


/** Footer changes**/
.footer-main-section .columns-content {
    column-gap: 1.5rem;
    padding: 0 1rem;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: center;
}

/* Desktop Mode ends */

.navbar-searchSection.comm-section-container .columns-content {
    max-width: 100%;
}

.bose-search-article-pdp+.dropdownPosition .slds-popover {
    position: absolute;
}

.sticky-header {
    z-index: 999 !important;
    /*to fix all popovers background*/
}

.slds-modal__content {
    color: #000000;
}

/*RR options start */

.nxtbtn .slds-button:hover {
    color: #ffffff;
}

.contactusbtn .slds-button:hover {
    color: #000000;
}

.bif-info:before {
    content: '\ea43';
}
.bif-info {
    font-family: 'Bose Icons', sans-serif;
}

.slds-progress-bar__value {
    background: #005BFF;
}

.order-summary-main .slds-modal__content {
   overflow-y: hidden;
}

/*trade up page */
.trade-up-product-details-main .trade-up-back-button {
    margin-bottom: 0.469rem;
}

.trade-up-product-details-main .component-wrapper-spacer h1+.slds-rich-text-editor__output span>p>span {
    font-size: 1.125rem !important;
}

.trade-up-product-details-main .component-wrapper-spacer h1 {
    margin-bottom: 2.28rem;
}

.trade-up-product-details-main .component-wrapper-spacer .step-id+.slds-rich-text-editor__output span>p>span {
    font-size: 1rem !important;
}

.trade-up-product-details-main .tradeup-service-options-main {
    margin-top: 0.5rem;
    margin-bottom: 1.95rem;
}

.trade-up-product-details-main .learn-more .slds-button {
    font-family: 'Bose (Medium)', sans-serif;
    border: none !important;
    border: 0.6667px solid transparent;
}

.trade-up-product-details-main .learn-more .slds-button:hover {
    color: #131317;
    border: none !important;
}

.trade-up-product-details-main .details-container .slds-icon-text-default {
    --slds-c-icon-color-foreground: #131317;
}

.tradeup-service-options-main .Bose-font-icon {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-family: 'Bose Icons', sans-serif;
    color: rgba(0, 0, 0, 1.00);
    font-size: 12px;
}
.tradeup-service-options-main .bif-info:before {
    content: '\ea43';
}

@media (min-width: 23.375rem) and (max-width: 47.875rem) {
    .trade-up-product-details-main {
        padding-top: 0;
    }
}

@media (max-width: 47.875rem) and (orientation: portrait) {
    .trade-up-product-details-main .trade-up-back-button .back-button-container {
        margin-top: 0;
    }
    .trade-up-product-details-main .component-wrapper-spacer h1 {
        margin-bottom: 1.5rem;
    }
}

/*trade up page ends */
/* order summary page starts*/
.order-summary-main .headerDiv .bckBtn {
    margin-top: 1.95rem;
}

.order-summary-main .bose-overlay-content .bose-selected-product {
    width: 49.7%;
}

.order-summary-main .bose-overlay-content .bose-order-summary {
    width: 41.90%;
}

.order-summary-main .tradein-checkbox.slds-form-element .slds-checkbox .slds-form-element__label {
    font-family: sans-serif;
}

.order-summary-main .tradein-checkbox.slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux {
    border-radius: 2px;
}

.order-summary-main .column-content .cart-back-popup .bose-header > div {  
    color: rgb(51, 51, 51);
}
.order-summary-main .column-content .cart-back-popup .popupDescription > div {  
    color: rgb(51, 51, 51);
}
.order-summary-main .column-content .cart-back-popup .buttonContainer .bose-btn-secondary .slds-button:active {
    border-color: transparent !important;
}
.order-summary-main .column-content .cart-back-popup .buttonContainer .bose-btn-secondary .slds-button:focus {
    border-color: transparent !important;
    box-shadow: none;
}
 .order-summary-main .column-content .cart-back-popup .slds-modal__container .bose-close-button .slds-button:hover {
    box-shadow: none;
    border: none;
    color: #1c577f;
    margin-left: 0.5px;
 }
 
 .order-summary-main .column-content .cart-back-popup .slds-modal__container .bose-close-button .slds-button:focus {
    box-shadow: none;
    border: none;
    color: #1c577f;
    margin-left: 1px;
}
.order-summary-main .bose-order-summary .checkout-button .bose-button button:focus {
    box-shadow: none;
}
 
 
.order-summary-main .tradein-checkbox.slds-form-element .slds-checkbox .slds-checkbox__label .slds-checkbox_faux {
    border-radius: 2px;
}
  
.order-summary-main .bose-addon-tile .bose-addon-checkbox .slds-form-element .slds-checkbox [type=checkbox]+.slds-checkbox__label .slds-checkbox_faux {
    border-radius: 2px;
}
@media (min-width: 73.70rem) and (max-width: 73.80rem) and (orientation: landscape) {
    .content-container .order-summary-main.comm-section-container {
        padding-left: 1.1rem;
    }

    .order-summary-main .bose-overlay-content .bose-order-summary {
        width: 41.8%;
    }

    .order-summary-main .bose-overlay-content .bose-selected-product {
        width: 50%;
    }
}

@media (min-width: 48rem) and (max-width: 64rem) {
    .content-container .order-summary-main .bose-overlay-content .bose-order-summary {
        width: 41.27%;
    }

    .order-summary-main .bose-overlay-content .bose-selected-product {
        width: 50.3%;
    }
}

@media (min-width: 23.375rem) and (max-width: 47.938rem) {
    .content-container .order-summary-main .bose-overlay-content .bose-order-summary {
        width: 100%;
    }

    .order-summary-main .bose-overlay-content .bose-selected-product {
        width: 100%;
    }

    .order-summary-main .headerDiv .bckBtn {
        margin-top: 1.5rem;
    }
}

@media (max-width: 23.500rem) and (max-width: 23.52rem) and (orientation: portrait) {
    .order-summary-main .headerDiv .bckBtn {
        margin-top: .5rem;
    }
}


/* order summary page ends*/

@media (max-width: 47.938rem) {
    .footer-main-section + webruntime-component-container hr {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .bose-footer-container {
        margin-left:3.5312rem !important;
        margin-right:3.5312rem !important;
    }
}

@media (max-width: 64.001rem) {
    .bose-footer-container {
        margin-left:3.5312rem !important;
        margin-right:3.5312rem !important;
    }
}

.PDP-inner-content .modal-backdrop.bose-carousel-modal .close-icon .slds-button_icon-border:focus {
	box-shadow: none;
	border: none;
}
 
@media (min-width: 48rem) {
	.PDP-inner-content .bose-product-detail-tile-section-container {
		padding-bottom: 1rem;
	}
}
 

 
@media (min-width: 33rem) {
	c-exp-product-related-articles button.productPageNavigator {
		padding: 1rem 0 1.5rem 0 !important;
		margin-bottom: 1.5rem !important;
	}
}
 
.slds-modal__content .slds-wrap .slds-slot > div{
	font-family: 'Bose (Regular)', sans-serif;
	color: rgb(51, 51, 51);
}
 
 
@media (min-width: 48rem) {
	.bose-search-article-article .bose-search-article__hero-form-container {
        margin-top: 3rem !important;
	}
}
 
.uiOutputRichText > .kb-s:last-child{
	margin-bottom: 2.5rem;
}
 
.slds-grid.itemBody .uiOutputRichText .bose-knowledge-article{
	margin-bottom: 2.5rem;
}

.footer-language-selector {
    margin: 0;
}

.footer-language-selector .bose-language-picker-div {
    margin: 4.7rem 0 0 0 !important;
}

.need-help-footer-bottom .bose-footer-container{
    margin: 0 0 5rem 0 !important;
}

.need-help-footer-bottom-separator {
    margin-bottom: 0;
}
.need-help-footer-bottom .bose-footer-container .bose-footer-heading {
        color: #333333 !important;
}

.need-help-footer-bottom .bose-footer-container .bose-footer-link{
    color: #40464b !important;
}

@media screen and (min-width: 64rem) {
    .PDP-inner-content .product-registration .tradeup-banner-container.banner-img-left .banner-img img {
        transform: none !important;
        position: static !important;
    }
}


@media screen and (max-width: 64rem) {
    .footer-language-selector {
        margin: 0;
        justify-content: center;
        display: flex;
    }
    
    .need-help-footer-bottom .bose-footer-container {
        margin: 0 3.5312rem 5rem 3.5312rem !important;
    }
    .footer-language-selector .bose-language-picker-div {
        margin: 5.7rem 0 0 0 !important;
    }
    
    .need-help-footer-bottom-separator hr {
        margin: 2rem 0 1.4rem !important;
    }

    html {
	overflow-x : hidden;
    }
}

.slds-modal .back-button button:hover {
    color: inherit;
}
.slds-modal .back-button button:focus {
    background: none;
}
.slds-modal .back-button button:active {
    background: none;
    color: inherit;
}
.bose-close-button:active {
    background-color: transparent;
}
.slds-listbox.slds-listbox_vertical.slds-dropdown.slds-dropdown_fluid.slds-dropdown_left {
    z-index: 7;
}
.slds-dropdown.slds-dropdown_right {
    z-index: 0;
}
c-bose-display-article .slds-rich-text-editor__output.uiOutputRichText h2 {
    font-family: 'Bose (Regular)', sans-serif !important;
}
c-bose-display-article .slds-rich-text-editor__output.uiOutputRichText summary {
     font-family: 'Bose (Regular)', sans-serif !important;
}