/* Shared responsive fixes; loaded after the original page styles. */
img{max-width:100%}
.content,.products,.product,.product-info,.newsletter>*,.form input{min-width:0}
.product-name{white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.product-info h3,.product-description,.price,.brand,.hover-showcase__title,.hover-showcase__description{overflow-wrap:anywhere}
.products{grid-template-columns:repeat(8,minmax(0,1fr))}
.header{gap:16px}
.header .logo,.header .icons{flex-shrink:0}
.header .nav{min-width:0;gap:clamp(4px,1.7vw,38px)}
.header .icons{width:auto;min-width:100px}
.header .bag{display:block}
.sa-compact-nav{display:none}
.sa-filter-toggle{display:none}
@media(max-width:650px){.products-wrap>a.view{display:flex;position:static;justify-content:flex-end;align-items:center;min-height:44px;margin-bottom:8px}}
@media(min-width:1201px){.grid:not(.list-view) .product-card:nth-child(6n) .product-photo{transform-origin:right center}}
@media(min-width:1025px) and (max-width:1200px){.grid:not(.list-view) .product-card:nth-child(4n) .product-photo{transform-origin:right center}}
.sa-language-panel{max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain}
body.product-viewer-open #sa-language-switcher,body.hover-showcase-open #sa-language-switcher{visibility:hidden}
.product-viewer__panel{max-height:calc(100dvh - 24px)}
.product-viewer__stage{min-width:0}
.product-viewer__image{max-height:100%;max-width:92%;width:100%;height:100%;object-fit:contain}
.product-viewer__bar{flex-wrap:wrap}
.product-viewer__button,.product-viewer__close,.hover-showcase__close{min-height:44px;min-width:44px}
.hover-showcase__details{min-width:0;overflow:auto}
.hover-showcase__image{max-height:min(68vh,620px);width:auto;height:auto;object-fit:contain}
.photo-wrap:focus-within .hover-showcase-trigger{opacity:1;transform:none;pointer-events:auto}
@media(hover:none),(pointer:coarse){
 .photo-wrap{overflow:hidden!important}
 .photo-wrap:hover .product-photo{transform:none!important}
 .product:hover,.product:hover img{transform:none;box-shadow:none;filter:none}
 .hover-showcase-trigger{opacity:1;transform:none;pointer-events:auto;min-height:44px}
}
@media(max-width:1200px){
 .header{height:auto;min-height:82px;flex-wrap:wrap;padding-top:12px;padding-bottom:10px}
 .header .nav{order:4;flex:0 0 100%;height:44px;gap:12px;flex-wrap:wrap}
 .header .nav a{padding:0 8px}
 .header .nav a.active:after{bottom:0}
 .header #sa-language-switcher{margin-left:auto}
 .newsletter{height:auto;min-height:100px;grid-template-columns:1fr 1fr;padding:20px 5%;gap:20px}
 .follow{display:none}
 .products{grid-template-columns:repeat(4,minmax(0,1fr))}
 .arrow.left{left:-40px}.arrow.right{right:-40px}.arrow{width:34px;height:34px}
}
@media(max-width:1024px){
 .sa-compact-nav{display:flex;justify-content:center;gap:12px;padding:8px 12px;border-bottom:1px solid #e7e4df;background:#fff;flex-wrap:wrap}
 .sa-compact-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;text-decoration:none;color:#222;font:700 12px Arial,sans-serif;border-radius:4px}
 .sa-compact-nav a[aria-current]{background:#f0ebe6;color:#4a2f20}
 .header .nav{display:none}
 .header{min-height:72px;flex-wrap:nowrap}
 .layout{display:block}
 .sidebar{display:none}
 .sa-filter-toggle{display:block;margin:16px 22px 0;padding:10px 16px;min-height:44px;border:1px solid #d8d3ce;background:#fff;color:#222;cursor:pointer}
 .sidebar.sa-filters-open{display:block;padding:20px 22px;border-bottom:1px solid #e7e4df}
 .sidebar .side-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .sidebar .side-list button{min-height:44px;overflow-wrap:anywhere;padding:8px;margin:0}
 .sidebar .trust{display:none}
 .content{padding:24px 22px 50px}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
 .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .photo-wrap{overflow:hidden!important}
 .photo-wrap:hover .product-photo{transform:none!important}
 .hover-showcase-trigger{opacity:1;transform:none;pointer-events:auto;min-height:44px}
 body>.hero{height:auto;min-height:168px;padding:65px 20px 20px}
 body>.hero .hero-content-with-logo{max-width:100%;gap:14px}
 body>.hero .hero-content-with-logo>div{min-width:0}
 body>.hero .hero-content-with-logo h1{font-size:28px}
 body>.hero .hero-content-with-logo p{line-height:1.5}
 .kbeauty-home-image-link{left:14px;top:8px;transform:none;width:90px}
 body>#sa-language-switcher{position:absolute;top:12px;right:14px}
 .sa-language-button{min-height:44px}
 .sa-language-panel,html[dir="rtl"] .sa-language-panel{position:fixed;top:68px;right:12px;left:auto;width:min(430px,calc(100vw - 24px))}
 .hover-showcase{padding:12px}
 .hover-showcase__panel{width:100%;height:auto;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;grid-template-columns:minmax(0,1fr)}
 .hover-showcase__visual{height:40vh;height:40dvh;min-height:160px;padding:20px}
 .hover-showcase__image{max-height:max(120px,calc(40vh - 40px));max-height:max(120px,calc(40dvh - 40px));max-width:78%}
 .hover-showcase__details{padding:24px;overflow:visible}
 .hover-showcase__title{font-size:26px}
 .hover-showcase__line{margin:16px 0}
 .hover-showcase__price{margin-top:18px}
 .service{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 4%}
 .service-item{border:0;min-width:0;height:auto;min-height:60px}
 .service-item>div{min-width:0;overflow-wrap:anywhere}
 .form input{width:100%;padding:0 10px}.form button{flex-shrink:0;width:110px}
}
@media(max-width:650px){
 .header{padding:10px 12px;gap:10px;min-height:68px}
 .header .logo{width:108px}.header .logo img{width:108px}
 .header .icons{gap:15px;min-width:88px;margin-left:0}
 .header #sa-language-switcher{margin-left:auto}
 .sa-language-button{padding:0 8px;min-width:68px}
 .sa-compact-nav{gap:4px;padding:4px 8px}
 .content{padding:18px 12px 40px}
 .grid,.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .product-info{padding:10px 8px}
 .toolbar,.righttools{flex-wrap:wrap;gap:10px}
 .toolbar{align-items:flex-start}.righttools{max-width:100%}
 .sort{max-width:190px;padding:10px;min-height:44px}
 .view button{min-width:44px;min-height:44px}
 .hero-content-with-logo{flex-direction:column}
 body>.hero .hero-content-with-logo h1{font-size:25px}
 body>.hero .hero-content-with-logo p{font-size:13px}
 .header~.hero{padding:0;height:500px}
 .service-item{gap:8px}.service-item img{width:32px;height:32px;flex-shrink:0}
 .newsletter{display:block;padding:20px}
 .follow{display:flex}
 .grid.list-view .product-card{grid-template-columns:minmax(0,105px) minmax(0,1fr)}
 .grid.list-view .photo-wrap{width:100%;height:auto;align-self:start}
 .grid.list-view .product-info{padding:12px;min-width:0}
 .grid.list-view .buy-btn{max-width:100%}
 .product-viewer__panel{height:calc(100vh - 24px);height:calc(100dvh - 24px)}
 .product-viewer__bar{font-size:10px;gap:10px}
 .product-viewer__actions{margin-left:auto}
}