/* icon */
.icon-wrapper .icon,
.icon-wrapper .icon-after::after,
.icon-wrapper .icon-before::before,
.icon-wrapper .more:not(.icon-before)::after{
display: inline-block;
}
.icon-after::after,
.more::after {
    top: -0.08em;
}

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

.hero-cta .icon-playcircle {
    top: 0.05em;
}

.icon-wrapper .icon-external::after {
    position: relative;
}
.icon-external::after, .icon-external::before {
    top: -0.08em;
}

.footnote-supglyph {
    top: -3px;
}

/* ar icon alignment */
.compare-module-wrapper .icon-arkit::before, .compare-module-wrapper .icon-arkit::after {
    top: 0.02em;
}


/* line-heignt */

/* br */
.xl_show {
    display: none;
}

@media only screen and (max-width:360px) {
    .xl_show {
        display: block;
    }

}

.xsmall-br {
    display: none;
}

@media only screen and (max-width:360px) {
    .xsmall-br {
        display: block;
    }
}

.xsmall-br-2{
    display: none; 
}


@media only screen and (max-width:320px) {
    .xsmall-br-2{
        display: block;
    }
}


.custom_small {
    display: none;
}

@media (min-width: 360px) and (max-width: 734px) {
    .custom_small {
        display: block;
    }

}

@media only screen and (max-width:734px) {
    .small-nowrap {
        white-space: nowrap;
    }
}


.touch-control-gallery-subhead{
    color:#000000;
}

.section-noise-control .section-header-intro {
    margin-bottom: 6px;
}

@media only screen and (min-width: 1068px) {
    .section-noise-control .section-header-intro {
        margin-bottom: 6px;
    } 
}


@media only screen and (max-width: 734px) {
    .section-noise-control .section-header-intro {
        margin-bottom: 6px;
    } 
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-noise-control .section-header-intro {
        margin-bottom: 10px;
    } 
}

    .section-noise-control .stat .stat-content .stat-value{
        margin-top: 1px; 
        margin-bottom: 3px; 
    }


.section-battery .stats .stat-content .stat-value{
    margin-bottom: 1px;
}

.section-welcome  .hero-avail-typo{
  color: #6e6e73;
  line-height: 1;
}

@media only screen and (max-width:734px) {
    .section-welcome .marquee-header {
        margin: auto;
    }
}

@media only screen and (min-width:734px) and (max-width:1068px)  {
.section-product-stories .viewport-content .stats-container .first-stat-anc{
    margin-right: 10px;
}
}

@media only screen and (max-width: 1068px) {
    .section-battery .stats .stat {
    --sk-stat-caption-lines-bottom: 2;
    }
}


@media only screen and (min-width:734px) and (max-width: 1196px) {
    .section-welcome .marquee-header{
        min-width: 100%;
    }
}

.section-magical .typography-hey-siri-copy{
    line-height: 1.1;
}
/* welcome */
@media  only screen and (max-width:734px){
    .section-welcome .inline-media-component-container picture.fallback-frame {
        height: calc(100% + 30px);
    }
    .section-welcome {
        --welcome-max-height: 770px;
    }
}


@media  only screen and (max-width:734px){
    .section-audio-performance .scroll-item{
        margin-bottom: 188px;
    }
}
/* fitness-inline disclaimer */
.fitness-inline-disclaimer{
      color: #6e6e73;
      font-size: 15px;
}
@media  only screen and (max-width:1068px){
    .fitness-inline-disclaimer{
      font-size: 13px;
}
}

@media  only screen and (max-width:734px){
    .fitness-inline-disclaimer{
        font-size: 11px;
    }
}

/* galaxy naver-app fix */
html.naver-app #magical .tabnav-platter {
    height: 56px;
}

/* highlights live translation */
@media (min-width: 1069px) and (max-width: 1250px) {
	.section-highlights .gallery-item.media-gallery-item-live-translation .positioned-media-element {
		--p-width: 1050px;
		--p-height: 680px;
	}
}
@media (max-width: 360px) {
	.section-highlights .gallery-item.media-gallery-item-live-translation .positioned-media-element {
		--p-width: 296px;
		--p-height: 480px;
	}
}

.section-highlights [data-media-card-gallery] .gallery-item.media-gallery-item-live-translation .caption {
	width: 100%;
}
.section-highlights [data-media-card-gallery] .gallery-item.media-gallery-item-live-translation .caption .disclaimer {
	width: var(--caption-width);
	margin-inline: auto;
}

/* 24m-footnote */
.bts-2025-footnote {
position: relative;
vertical-align: initial;
text-decoration: underline;
text-underline-offset: -0.28em;
font-feature-settings: "numr";
font-size: 1em;
}

.bts-2025-footnote a{
color:black;
}

/* 24m-ribbon */
.ribbon {
    --ribbon-link-inline-color: inherit;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4285914286;
    font-weight: 400;
    letter-spacing: -0.016em;
    font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color: #0071e3;
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-content-padding-top: 16px;
    --ribbon-content-padding-bottom: var(--ribbon-content-padding-top);
    --ribbon-content-width: 83.33333%;
    --ribbon-content-minimum-width: 320px;
    width: var(--ribbon-width);
    padding-top: var(--ribbon-padding-top);
    padding-bottom:var(--ribbon-padding-bottom)
}

.ribbon-content-wrapper {
    text-align:center
}

.ribbon-content {
    margin-left: auto;
    margin-right: auto;
    width: var(--ribbon-content-width);
    min-width:var(--ribbon-content-minimum-width)
}

.ribbon-link {
    white-space:nowrap
}

.ribbon-link:focus {
    outline: 2px solid var(--sk-focus-color, #0071e3);
    outline-offset:var(--sk-focus-offset, 1px)
}

.ribbon-link-inline {
    color:var(--ribbon-link-inline-color)
}

.ribbon-link-inline, .ribbon-link-inline:link {
    text-decoration:underline
}

.ribbon:lang(ko) {
    line-height: 1.5714285714;
    letter-spacing: 0em;
    font-family:SF Pro KR, SF Pro Text, SF Pro Icons, Apple Gothic, HY Gulim, MalgunGothic, HY Dotum, Lexi Gulim, Helvetica Neue, Helvetica, Arial, sans-serif
}

.ribbon-content-wrapper {
    background-color: white;
    -webkit-backdrop-filter: blur(var(--ribbon-background-blur));
    backdrop-filter: blur(var(--ribbon-background-blur));
    padding-top: var(--ribbon-content-padding-top);
    padding-bottom: var(--ribbon-content-padding-bottom);
    border-radius:var(--ribbon-border-radius)
}

.ribbon-content {
    color:var(--ribbon-text-color)
}

.ribbon-link {
    color:var(--ribbon-link-color)
}

.ribbon-link:focus {
    outline-color:var(--ribbon-focus-color)
}

.theme-light.ribbon, .theme-light .ribbon {
    --ribbon-text-color: rgb(29, 29, 31);
    --ribbon-background-color: rgb(245, 245, 247);
    --ribbon-link-color: rgb(0, 102, 204);
    --ribbon-focus-color:utilities.$ribbon-focus-color
}

.ribbon {
    top:-50px;
    z-index: 9998;
    position:relative
}