@media(max-width:749px){html body .khm-trust__inner{min-height:38px;padding-block:5px}html body .khm-trust [data-announcement-link]{font-size:12px}html body #MainContent .kho{height:310px}html body #MainContent .kho__content{gap:8px;padding:20px 16px 54px;align-content:center}html body #MainContent .kho__content :is(h1,h2){font-size:28px;line-height:1.1}html body #MainContent .kho__content>div{font-size:12px;line-height:1.4}html body #MainContent .kho__content nav{grid-template-columns:1fr 1fr;gap:8px}html body #MainContent .kho__content nav a{min-height:44px;font-size:11px;padding:8px}html body #MainContent .kho__content nav a+a{min-height:44px}html body #MainContent .kho__bottom{bottom:8px}html body #MainContent .kho-journeys{padding:20px 12px 0}html body #MainContent .kho-journeys header{margin-bottom:10px}html body #MainContent .kho-journeys h2{font-size:20px}html body #MainContent .kho-journeys nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}html body #MainContent .kho-journeys nav>a{height:110px;padding:8px 5px;text-align:center}html body #MainContent .kho-journeys nav strong{font-size:12px}html body #MainContent .kho-journeys nav small{display:none}html body #MainContent .khm-page-hero,html body #MainContent .khm-page-hero__content{min-height:0}html body #MainContent .khm-page-hero__content{padding:24px 16px;gap:9px}html body #MainContent .khm-page-hero h1{font-size:30px;line-height:1.12}html body #MainContent .khm-page-hero__lead{font-size:13px;line-height:1.45}html body #MainContent .khm-page-hero__chips{gap:5px}html body #MainContent .khm-page-hero__chips span{padding:5px 7px;font-size:10px}html body #MainContent .khm-page-hero__actions a{flex:1 1 130px;min-height:44px;font-size:12px;padding:8px}html body #MainContent :is(.kmcc__slide,.khpc-final){min-height:240px}html body #MainContent :is(.kmcc__content,.khpc-final>div){padding:24px 16px}html body #MainContent :is(.kmcc__content,.khpc-final) :is(h2,strong){font-size:27px;line-height:1.15}html body #MainContent :is(.km-need-directory,.km-room-directory){padding-top:24px}html body #MainContent :is(.km-need-directory,.km-room-directory) h2{font-size:22px}html body #MainContent :is(.km-need-directory__grid,.km-room-directory__grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-inline:12px}html body #MainContent :is(.km-need-card,.km-room-card){min-height:240px;grid-column:auto}html body #MainContent :is(.km-need-card__copy,.km-room-card>div){padding:12px;gap:6px}html body #MainContent :is(.km-need-card,.km-room-card) strong{font-size:18px;line-height:1.2}html body #MainContent :is(.km-need-card__copy,.km-room-card>div)>span{font-size:12px;line-height:1.4}html body #MainContent :is(.km-need-card,.km-room-card) :is(small,em){font-size:10px}html body #MainContent [data-compact-products]{--khm-card-media:130px;margin-top:24px;scroll-margin-top:130px}html body #MainContent [data-compact-products]:not(.khd):not(.section-resource-list){padding:24px 12px 0;margin-top:0}html body #MainContent .khd{padding-inline:12px}html body #MainContent [data-compact-products] h2{font-size:22px;line-height:1.2}html body #MainContent [data-compact-products] [role=tablist]{gap:6px}html body #MainContent [data-compact-products] [role=tablist] button{min-height:40px;font-size:12px;padding:8px 11px}html body #MainContent [data-compact-products] :is(.khd__banner,.kbsp__banner,.kmmt__banner,.kmct__banner,.kco__banner,.kbpt__banner,.kms-banner,.kmrs__banner,.kobn__banner,.kmo__banner,.kjo__banner){min-height:180px}html body #MainContent [data-compact-products] :is(.khd__story,.kbsp__banner-copy,.kmmt__banner-copy,.kmct__banner-copy,.kco__banner-copy,.kbpt__banner-copy,.kms-banner__copy,.kmrs__banner-copy,.kobn__banner>div,.kmo__banner>div,.kjo__banner>div){padding:16px;gap:7px}html body #MainContent [data-compact-products] :is(.khd__story h3,.kbsp__banner-copy strong,.kmmt__banner strong,.kmct__banner strong,.kco__banner strong,.kbpt__banner strong,.kms-banner strong,.kmrs__banner strong,.kobn__banner strong,.kmo__banner strong,.kjo__banner strong){font-size:21px;line-height:1.15}html body #MainContent [data-compact-products] [data-compact-rail]{gap:10px}html body #MainContent [data-compact-products] [data-compact-rail]>:not([hidden]):not([class*=empty]){width:calc((100% - 10px)/2);flex-basis:calc((100% - 10px)/2)}html body #MainContent .ks-card{padding:8px;gap:5px;grid-template-rows:0 130px 24px 16px 40px 38px 48px 72px}html body #MainContent .ks-card__image{min-height:0;height:130px;padding:4px}html body #MainContent .ks-card__image img{max-height:130px;padding:4px}html body #MainContent .ks-card__service-badges{min-height:24px;height:24px;max-height:24px;gap:4px}html body #MainContent .ks-card__service-badge{font-size:9px;padding:3px 5px}html body #MainContent .ks-card__service-badge svg{width:12px;flex-basis:12px}html body #MainContent .ks-card__brand{font-size:10px}html body #MainContent .ks-card__title{font-size:12px;line-height:1.45}html body #MainContent .ks-card__price{flex-wrap:wrap;align-content:center;gap:2px 6px}html body #MainContent .ks-card__price b{font-size:15px;line-height:1.2}html body #MainContent .ks-card__price s{font-size:10px}html body #MainContent .ks-card__visual-badges{gap:3px;inset-inline:4px;bottom:4px}html body #MainContent :is(.ks-card__discount,.ks-card__low-stock){font-size:9px;padding:4px}html body #MainContent .ks-card__badge-slot span{font-size:8px;padding:4px 5px}html body #MainContent .ks-card .kp-from.ks-card__monthly[data-kp-display=card]{font-size:11px;line-height:1.3}html body #MainContent .ks-card .ks-card__installment .ks-card__plan-trigger{font-size:10px;gap:4px}html body #MainContent .ks-card__provoker{display:none}html body #MainContent .ks-card__actions{display:grid;grid-template-columns:1fr;gap:4px;height:72px;min-height:72px;max-height:72px}html body #MainContent .ks-card__actions :is(button,a){min-height:34px;font-size:11px;padding:6px}html body #MainContent .ks-card__actions .km-button{min-height:34px;font-size:11px;padding:6px}html body #MainContent .ks-seasonal{min-height:160px}html body #MainContent .ks-seasonal__content{padding:18px}html body #MainContent .ks-catalog-head{padding-block:20px 14px}html body #MainContent .ks-catalog-head h1{font-size:26px;line-height:1.15}html body #MainContent .ks-catalog-brand-rail{padding-block:14px}html body #MainContent .khamato-pdp{padding:16px 12px 86px}html body #MainContent .khamato-pdp__main-media{height:270px;aspect-ratio:auto}html body #MainContent .khamato-pdp__thumbnails button{flex-basis:52px;width:52px;height:52px}html body #MainContent .khamato-pdp__summary{padding:14px;gap:12px}html body #MainContent .khamato-pdp__identity h1{font-size:24px;line-height:1.18}html body #MainContent .khamato-pdp__price strong{font-size:23px}html body #MainContent :is(.kip__shell,.kpp__shell){padding-inline:12px}html body #MainContent :is(.kip__hero,.kpp__hero){padding:24px 16px;gap:16px}html body #MainContent :is(.kip__hero,.kpp__hero) h1{font-size:28px;line-height:1.15}html body #MainContent :is(.kip__intro,.kpp__hero p,.kip__copy){font-size:13px;line-height:1.5}html body #MainContent .kip__provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html body #MainContent .kip__provider{padding:12px;min-width:0}html body #MainContent .kip__provider-mark{max-width:100%;height:40px}html body #MainContent :is(.khpc-confidence,.kr-confidence){padding-block:24px}html body #MainContent :is(.khpc,.kr-confidence,.khamato-pdp-details,.kpp,.kip) h2{font-size:24px;line-height:1.2}html body #MainContent .khpc__copy{padding:24px 16px}html body #MainContent .khpc__copy h2{font-size:27px}html body #MainContent .khpc__logos{gap:8px}}@media(max-width:360px){html body #MainContent .kho{height:340px}html body #MainContent .kho__content :is(h1,h2){font-size:25px}html body #MainContent .ks-card__price b{font-size:13px}html body #MainContent .ks-card__actions .km-button{font-size:10px}}@media(max-width:749px){html body #MainContent .khd :is(.khd__tabs,.khd__preferences){margin-inline:0;padding-inline:0;max-width:100%}html body #MainContent [data-compact-products] :is(.kmmt__toolbar,.kmct__toolbar,.kco__toolbar,.kbpt__toolbar,.kms-selector__toolbar,.kmrs__toolbar,.kobn__toolbar,.kmo__toolbar){flex-direction:row;align-items:center}html body #MainContent [data-compact-products] :is(.kmmt__toolbar,.kmct__toolbar,.kco__toolbar,.kbpt__toolbar,.kms-selector__toolbar,.kmrs__toolbar,.kobn__toolbar,.kmo__toolbar)>div{min-width:0}html body #MainContent .kbsp__slide{overflow:hidden}}@media(max-width:749px){html body #MainContent [data-compact-products] [role=tablist]{margin-inline:0;padding-inline:0;max-width:100%}html body #MainContent [data-compact-products] :is(.kmmt__intro,.kmct__intro,.kco__intro,.kbpt__intro,.kms-selector__intro,.kmrs__intro,.kobn__stage>header,.kmo__header){padding:0}html body #MainContent [data-compact-products] :is(.kmmt__intro,.kmct__intro,.kco__intro,.kbpt__intro,.kms-selector__intro,.kmrs__intro,.kobn__stage>header)>div{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4}html body #MainContent [data-compact-products] :is(.kmmt__highlights,.kmct__highlights,.kco__highlights,.kbpt__highlights,.kmrs__highlights,.kbsp__proofs,.khd__story ul){display:none}html body #MainContent .kmrs__persona-bar{padding:0;margin:0 0 10px;display:block}html body #MainContent .kmrs__persona-bar>span{display:none}html body #MainContent .kmrs__persona-tabs{flex-wrap:nowrap;overflow-x:auto}html body #MainContent [data-compact-products] :is(.kmrs__controls,.kms-selector__controls,.kco__controls,.kmmt__toolbar>div:last-child,.kmct__toolbar>div:last-child,.kbpt__toolbar>div:last-child,.kobn__toolbar>div:last-child,.kmo__toolbar>div:last-child){width:auto;flex-shrink:0}html body #MainContent [data-compact-products] :is(.kmrs__toolbar,.kms-selector__toolbar,.kco__toolbar,.kmmt__toolbar,.kmct__toolbar,.kbpt__toolbar,.kobn__toolbar,.kmo__toolbar)>strong{font-size:13px;line-height:1.3}html body #MainContent [data-compact-products] :is(.kmrs__toolbar,.kms-selector__toolbar,.kco__toolbar,.kmmt__toolbar,.kmct__toolbar,.kbpt__toolbar,.kobn__toolbar,.kmo__toolbar) button{width:32px;min-height:32px;height:32px}html body #MainContent .ks-card{grid-template-rows:0 110px 0 14px 36px 32px 44px 72px;gap:4px}html body #MainContent .ks-card__image{height:110px}html body #MainContent .ks-card__image img{max-height:110px}html body #MainContent .ks-card__service-badges{visibility:hidden;min-height:0;height:0;max-height:0}html body #MainContent .ks-card__title{height:36px;min-height:36px}html body #MainContent .ks-card__installment{min-height:44px;height:44px}}@media(max-width:749px){html body #MainContent h1{font-size:28px;line-height:1.15}html body #MainContent h2{font-size:22px;line-height:1.2}html body #MainContent h3{font-size:18px;line-height:1.25}html body #MainContent :is(.kr-products>header,.kbsp__header){margin-bottom:12px}html body #MainContent :is(.kr-products>header>div,.kbsp__intro){font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html body #MainContent :is(.kr-products__campaign,.kbpt__banner,.kbsp__banner--montage){display:grid;grid-template-columns:minmax(0,1fr) 90px;min-height:190px}html body #MainContent :is(.kr-products__campaign-copy,.kbpt__banner-copy,.kbsp__banner--montage .kbsp__banner-copy){grid-row:1;grid-column:1;padding:16px}html body #MainContent :is(.kr-products__campaign-copy,.kbpt__banner-copy,.kbsp__banner--montage .kbsp__banner-copy)>strong{font-size:20px}html body #MainContent :is(.kr-products__campaign-copy,.kbpt__banner-copy,.kbsp__banner-copy)>span{font-size:12px;line-height:1.4}html body #MainContent :is(.kr-products__campaign-media,.kbpt__banner-products,.kbsp__banner--montage .kbsp__montage){grid-row:1;grid-column:2;padding:8px;align-items:center;justify-content:center}html body #MainContent :is(.kr-products__campaign-media,.kbpt__banner-products,.kbsp__banner--montage .kbsp__montage)>:not([hidden]){width:100%;height:130px}html body #MainContent :is(.kr-products__campaign-media,.kbpt__banner-products,.kbsp__banner--montage .kbsp__montage)>:not([hidden])~:not([hidden]){display:none}html body #MainContent :is(.kr-products__campaign-media,.kbpt__banner-products,.kbsp__banner--montage .kbsp__montage) img{max-height:130px;padding:4px}html body #MainContent :is(.kbj-hero__slide,.kbj-close,.kbsl,.kotd__banner){min-height:250px}html body #MainContent :is(.kbj-hero__copy,.kbj-close__copy,.kbsl__copy,.kotd__content){padding:20px 16px}html body #MainContent .kbj-hero__media{min-height:0;padding:12px}html body #MainContent .kbj-hero__media img{height:130px;max-height:130px;object-fit:contain}html body #MainContent :is(.kbd,.kbj-group,.kj-links,.khm-checklist,.khm-service-page,.khamato-product-details){padding-top:24px}html body #MainContent .khm-service-page__hero{padding:24px 16px;gap:16px}html body #MainContent .khm-service-page__intro{font-size:14px;line-height:1.5}html body #MainContent .khamato-product-details__information{padding:20px 16px}html body #MainContent .kj-links__card{min-height:230px}html body #MainContent .kj-links__body{padding:16px}html body #MainContent .kj-links__body strong{font-size:20px}}@media(max-width:749px){html body #MainContent .kbsp .kbsp__banner{height:auto;min-height:190px;margin-inline:0}html body #MainContent .kbsp .kbsp__banner-copy{padding:16px;gap:6px}html body #MainContent .kbsp .kbsp__banner-copy strong{font-size:20px;line-height:1.15}html body #MainContent .kbsp .kbsp__banner-copy>span{font-size:12px;line-height:1.4}html body #MainContent .kbsp .kbsp__tabs{margin-top:12px}html body #MainContent .kbsp .kbsp__tabs button{min-height:44px;min-width:100px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/khamato-mobile-density.css.map */
