/* icon */
.icon-wrapper .icon,
.icon-wrapper .icon-after:after,
.icon-wrapper .icon-before:before,
.icon-wrapper .more:after {
    position: relative;
    top: -0.04em;
}

#ac-globalfooter .ac-gf-icon-after::after,
#ac-globalfooter .ac-gf-more::after {
    position: relative;
    top: -0.07em;
}

.icon-wrapper .icon, .icon-wrapper .more:not(.icon-before):after, .icon-wrapper .icon-before:before, .icon-wrapper .icon-after:after {
    position: relative;
}

details,
main,
summary {
    background-color: #f5f5f7
}

@media only screen and (max-width: 734px) {
    .section-flex-tiles .home-app .copy-wrapper .tile-cta {
        margin-top: 11px;
    }
}

.typography-hero-headline:lang(ko) {
    margin-top: 0.20em;
    line-height: 1.1;
}

@media only screen and (max-width: 1068px) {
    .typography-hero-headline:lang(ko) {
        margin-top: -0.26em;
    }
}

.no-js .typography-hero-headline:lang(ko) {
    margin-top: 0.50em;
}

@media only screen and (max-width: 1068px) {
    .no-js .typography-hero-headline:lang(ko) {
        margin-top: 0.20em;
    }
}

.section-headline-ect {
    position: relative;
    z-index: 100;
}

/* line-height */
.section-flex-tiles .tile .tile-headline,
.typography-gallery-tile-quote {
    line-height: 1.1;
}

/* home app */
.section-flex-tiles .tile .tile-availability {
    color: #86868b;
    margin-top:.1em
}

@media only screen and (max-width: 1068px) {
    .section-flex-tiles .tile .tile-availability {
        margin-top:.26em
    }
}

@media only screen and (max-width: 734px) {
    .section-flex-tiles .tile .tile-availability {
        margin-top:.2em
    }
}

.section-flex-tiles .home-app .picture-wrapper.home-app-picture {
    padding-top: 0;
}

.section-flex-tiles .home-app .copy-wrapper .tile-headline {
    max-width: 400px;
}

@media only screen and (max-width: 1068px){
    .section-flex-tiles .home-app.half-width .overview-your-home-at-your-command img {
        margin-right: -5px;
    }
}

.typography-section-header-headline {
    line-height: 1.2;
}

.chapternav-item-homekit .chapternav-icon {
    width: 44px;
}

.section-accessories .section-gallery .item-container {
    max-width: 1180px;
}

.section-accessories .section-paddlenav {
    display: none;
}

@media only screen and (max-width: 1068px) {
    .section-accessories .section-paddlenav {
        display: block;
    }
}

@media screen and (min-width: 2040px) {
    .section-accessories .section-gallery .item-container {
        max-width: 1180px !important;
    }
}


.section-big-screen .video-wrapper .video-alt-captions {
    color: #6e6e73;
}

@media only screen and (min-width: 735px) {
    .ac-gf-sosumi .jp-alt {
        display: none;
    }
}

.section-flex-tiles .grid .grid-item.half-width {
    opacity: 1 !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
    min-height: auto;
}

/* hero */
@media only screen and (max-width:734px){
    .section-hero{
        padding-bottom: 0;
    }
}

.section-hero .hardware-lockup{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-hero .overview-hero-tv{
    position: relative;
    display: block;
    width: var(--p-width);
    height: var(--p-height);
    --p-width: 1725px;
    --p-height: 384px;
    max-width: calc(100vw - 20px);
    height: auto;
}

@media only screen and (max-width:1068px) and (max-width:1068px){
    .section-hero .overview-hero-tv{
        --p-width: 907px;
        --p-height: 202px;
    }
}

@media only screen and (max-width:734px) and (max-width:734px){
    .section-hero .overview-hero-tv{
        --p-width: 497px;
        --p-height: 150px;
    }
}

.section-hero .device-lockup{
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: unset;
    max-width: calc(100vw - 20px);
    padding-top: 0;
    margin-top: 67px;
    margin-bottom: -40px;
    background-color: #f5f5f7;
}

@media only screen and (max-width: 1068px) {
    .section-hero .device-lockup {
        margin-top: 13px;
        margin-bottom: -8px;
    }
}

@media only screen and (max-width: 734px) {
    .section-hero .device-lockup {
        margin-top: 15px;
        margin-bottom: 6px;
    }
}

.section-hero .overview-hero.hero-picture{
    position: relative;
    height: 100%;
    width: 100vw;
}

.section-hero .overview-hero-tv img{
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 100%;
}

.enhance-base-xp .section-hero .overview-hero-tv img{
    opacity: 0;
}

.no-enhance-base-xp .section-hero .overview-hero-tv img{
    opacity: 1;
}

.section-hero .hero-picture{
    position: relative;
    height: 100%;
    width: 100vw;
    --p-width: 100vw;
    --p-height: 100%;
    margin: 0 auto;
}

.section-hero .hero-picture img{
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.section-hero .large-centered{
    z-index: 1 !important;
}

.section-hero .section-caption.typography-hero-caption{
    margin-top: 0.6em;
    line-height: 20.00028px;
}

.section-hero .section-caption.typography-hero-caption a{
    font-weight: 600;
    line-height: 20.00028px;
    font-size: 14px;
    color: #86868b;
}

.section-hero .section-caption.typography-hero-caption .icon-copy,
.section-hero .section-caption.typography-hero-caption .icon-after{
    line-height: 20.00028px;
}

@media only screen and (max-width:734px){
    .section-hero .section-caption.typography-hero-caption a{
        font-size: 12px;
        line-height: 17px;
    }

    .section-hero .section-caption.typography-hero-caption{
        line-height: 17px;
        margin-top: 0.43em;
        letter-spacing: 0;
    }

    .section-hero .section-caption.typography-hero-caption .icon-copy,
    .section-hero .section-caption.typography-hero-caption .icon-after{
        line-height: 17px;
    }
}

.section-accessories .section-gallery .item-container {
    max-width: 800px !important;
    margin: 0 auto;
    position: relative;
    list-style: none;
    padding-bottom: var(--grid-gap)
}

@media screen and (min-width: 1680px) {
    .section-accessories .section-gallery .item-container {
        max-width: 800px !important;
    }
}

@media only screen and (max-width: 1068px) {
    .section-accessories .section-gallery .item-container {
        margin-left: auto;
        margin-right: auto;
        width: 698px;
    }
}

@media only screen and (max-width: 1068px) and (min-width: 1441px) {
    .section-accessories .section-gallery .item-container {
        margin-left: auto;
        margin-right: auto;
        width: 800px
    }
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
    .section-accessories .section-gallery .item-container {
        margin-left: auto;
        margin-right: auto;
        width: 698px
    }
}

@media only screen and (max-width: 1068px) and (max-width: 734px) {
    .section-accessories .section-gallery .item-container {
        margin-left: auto;
        margin-right: auto;
        width: 87.5%
    }
}

@media screen and (min-width: 2040px) {
    .section-accessories .section-gallery {
        max-width: 800px !important
    }

    .section-accessories .section-gallery .item-container {
        max-width: 800px !important
    }

    .section-accessories .section-gallery .section-paddlenav {
        display: none
    }
}

@media only screen and (min-width: 639px) {
    .section-accessories .section-gallery .item-container {
        transform: translate(9px, 0px) !important;
        position: sticky !important;
    }
}

.section-accessories .section-paddlenav {
    margin-top: 15px;
    display: none;
}

@media only screen and (max-width: 1068px) {
    .section-accessories .section-paddlenav {
        margin-top: 5px;
        display: none;
    }
}

@media only screen and (max-width: 734px) {
    .section-accessories .section-paddlenav {
        margin-top: -10px;
        display: none;
    }
}

@media only screen and (max-width: 638px) {
    .section-accessories .section-paddlenav {
        margin-top: -10px;
        display: block;
    }
}
@media only screen and (min-width: 735px) and (max-width: 1069px) {
    .section-accessories .product-wrapper{
        bottom:34px;
    }
    .section-accessories .section-gallery-long .gallery-item, .section-smart-home .section-gallery-long .gallery-item{
        min-height: 480px !important;
    }
}

.section-accessories .section-gallery .gallery-content {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (min-width: 1680px) {
    .section-smart-home .section-gallery .item-container {
        max-width: 1180px !important;
        margin: 0 auto;
    }
}

@media screen and (min-width: 1230px) {
    .section-smart-home .section-gallery .section-paddlenav {
        display: none;
    }
    .section-smart-home .section-gallery .item-container {
        transform: translateZ(0px)!important;
    }
}

@media only screen and (max-width: 734px) {
    .section-smart-home .section-gallery .picture-wrapper {
        margin-top: auto;
    }
}


.section-smart-home .section-gallery .item-container{
    max-width: 1180px !important;
}

@media only screen and (max-width: 1068px) {
    .section-smart-home .section-gallery .picture-wrapper #overview-control-your-home-1{
        margin-left: 1px;
    }
}

@media only screen and (max-width: 734px) {
    .section-smart-home .section-gallery .picture-wrapper #overview-control-your-home-1{
        margin-left: 0;
    }
}

.section-big-screen .video-wrapper .staticframe{
    display: flex;
}

.section-big-screen .video-wrapper .video-alt-captions{
    margin-top: 7px;
}

@media only screen and (max-width: 1068px) {
    .section-big-screen .video-wrapper .video-alt-captions{
        bottom: -35px;
    }
}

.section-big-screen .section-services.grid {
    margin-top: 25px;
}
@media only screen and (max-width: 1068px) {
    .section-big-screen .section-services.grid {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 734px) {
    .section-big-screen .section-services.grid {
        margin-top: 0;
    }
}
