html body #MainContent .ks-card{display:grid;grid-template-areas:"badge" "image" "service" "brand" "title" "price" "plans" "trust" "actions";grid-template-rows:0 200px minmax(32px,auto) 18px 44px 32px 64px 36px 48px;gap:8px;padding:14px;align-content:start;height:100%;border-radius:8px}html body #MainContent .ks-card__badge-slot{grid-area:badge}html body #MainContent .ks-card__image{grid-area:image;min-height:0;height:200px;overflow:hidden}html body #MainContent .ks-card__image img{height:100%;width:100%;max-height:200px;object-fit:contain;object-position:center;transform:none;padding:0}html body #MainContent .ks-card__service-badges{grid-area:service;display:flex;visibility:visible;height:auto;min-height:32px;max-height:none;align-items:center;overflow:visible}html body #MainContent .ks-card__service-badge{white-space:normal;line-height:1.35;font-size:10px;min-height:28px;text-decoration:none}html body #MainContent .ks-card__context{grid-area:brand;height:18px;align-items:center}html body #MainContent .ks-card__brand{font-size:11px;line-height:18px}html body #MainContent .ks-card__title{grid-area:title;height:44px;min-height:44px;max-height:44px;font-size:14px;line-height:22px;-webkit-line-clamp:2}html body #MainContent .ks-card__price{grid-area:price;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:2px 10px;height:32px;min-height:32px;max-height:none;overflow:visible}html body #MainContent .ks-card__price b{font-size:19px;line-height:1.2}html body #MainContent .ks-card__price s{font-size:12px}html body #MainContent .ks-card__installment{grid-area:plans;display:grid;grid-template-rows:auto auto;align-content:center;gap:4px;height:64px;min-height:64px;max-height:none;overflow:visible}html body #MainContent .ks-card .ks-card__monthly[data-kp-display=card]{display:block;min-height:18px;height:auto;max-height:none;white-space:normal;overflow:visible;font-size:12px;line-height:1.5}html body #MainContent .ks-card .ks-card__installment .ks-card__plan-trigger{min-height:32px;height:auto;max-height:none;white-space:normal;text-align:start;line-height:1.35;font-size:12px;gap:5px}html body #MainContent .ks-card__provoker{grid-area:trust;display:block;height:36px;min-height:36px;max-height:36px}html body #MainContent .ks-card__provoker-track{animation:km-card-reassurance 20s linear infinite}html body #MainContent .ks-card__provoker-item{height:34px;white-space:normal;font-size:10px;line-height:1.3;padding:0 7px;gap:5px}@keyframes km-card-reassurance{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-34px)}50%,70%{transform:translateY(-68px)}75%,95%{transform:translateY(-102px)}to{transform:translateY(-136px)}}html body #MainContent .ks-card__actions{grid-area:actions;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:8px;height:48px;min-height:48px;max-height:none}html body #MainContent .ks-card__purchase,html body #MainContent .ks-card__purchase form{display:block;margin:0;height:100%;min-width:0}html body #MainContent .ks-card__actions :is(.km-button,.ks-card__view){display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:48px;box-sizing:border-box;margin:0;padding:8px;font-size:12px;line-height:1.3;text-align:center;text-decoration:none;white-space:normal;border-radius:5px}html body #MainContent .ks-card__actions .km-button--primary{background:#d94f1e;color:#fff;border:1px solid #d94f1e}html body #MainContent .ks-card__view{background:#fff;color:#174c43;border:1px solid #174c43}html body #MainContent .ks-card__actions .km-button--primary:hover{background:#b93f14;border-color:#b93f14}html body #MainContent .ks-card__view:hover{background:#edf5f0}html body #MainContent .ks-card__actions button:disabled{opacity:.6;cursor:not-allowed}.km-cta__arrow{display:inline-block;flex:0 0 18px;width:18px;height:18px;vertical-align:middle}html[dir=rtl] .km-cta__arrow{transform:scaleX(-1)}html body #MainContent :is(.kr__toolbar>a,.kr-products a[data-selector-view-all]){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;width:auto;max-width:100%;height:auto;padding:10px 16px;box-sizing:border-box;border:1px solid #174c43;border-radius:6px;background:#fff;color:#174c43;font-size:13px;font-weight:750;line-height:1.4;text-align:center;text-decoration:none;white-space:normal}html body #MainContent :is(.kr__toolbar>a,.kr-products a[data-selector-view-all]):hover{background:#edf5f0}html body #MainContent :is(.kr__banner strong,.kr-products__campaign-copy>a,.kbj-hero__copy>a,.kbj-close__copy>a,.krh a){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;width:fit-content;max-width:100%;height:auto;padding:11px 18px;box-sizing:border-box;border-radius:6px;font-size:13px;line-height:1.4;font-weight:750;text-align:center;text-decoration:none;white-space:normal}html body #MainContent .kr-products__campaign-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px}html body #MainContent .kr-products__campaign-copy>a{margin-block-start:auto}html body #MainContent .kr-products__campaign-copy>strong{line-height:1.3}html body #MainContent .kr__banner>div{box-sizing:border-box;max-width:min(700px,100%)}html body #MainContent .kr__banner strong{margin-top:8px}html body #MainContent .krd__card{display:flex;flex-direction:column;align-items:stretch}html body #MainContent .krd__card>b{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;min-height:44px}html body #MainContent .kr-campaign{aspect-ratio:auto;padding:0}html body #MainContent .kr-campaign__picture{aspect-ratio:2128/739;height:auto}html body #MainContent .kr-campaign__cta{position:static;display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;max-width:calc(100% - 48px);min-height:46px;box-sizing:border-box;margin:16px 24px;padding:11px 20px;background:#d94f1e;color:#fff;border:1px solid #fff;border-radius:6px;font-size:14px;line-height:1.4;text-align:center}html[dir=rtl] #MainContent .kr-products [data-rail-move] svg{transform:scaleX(-1)}html body #MainContent :is(.ks-card a,.ks-card button,.kr-campaign__cta,.kr__toolbar>a,.kr-products a[data-selector-view-all],.kr-products__campaign-copy>a):focus-visible{outline:3px solid #d94f1e;outline-offset:3px}@media(min-width:1000px){html body #MainContent .kr-products--brand[data-compact-products] .kr-products__selector{padding-inline-end:310px}}@media(max-width:1000px){html body #MainContent .kr-campaign__picture{aspect-ratio:1/1}}@media(max-width:749px){html body #MainContent .ks-card{grid-template-rows:0 150px minmax(42px,auto) 18px 54px 44px 80px 36px 96px;gap:7px;padding:9px}html body #MainContent .ks-card__image{height:150px}html body #MainContent .ks-card__image img{max-height:150px}html body #MainContent .ks-card__service-badges{min-height:42px}html body #MainContent .ks-card__service-badge{font-size:9px;padding:4px;gap:4px}html body #MainContent .ks-card__title{height:54px;min-height:54px;max-height:54px;font-size:12px;line-height:18px;-webkit-line-clamp:3}html body #MainContent .ks-card__price{height:44px;min-height:44px;align-content:center;gap:2px 6px}html body #MainContent .ks-card__price b{font-size:16px}html body #MainContent .ks-card__price s{font-size:11px}html body #MainContent .ks-card__installment{height:80px;min-height:80px}html body #MainContent .ks-card .ks-card__monthly[data-kp-display=card]{font-size:11px;line-height:1.4}html body #MainContent .ks-card .ks-card__installment .ks-card__plan-trigger{font-size:11px;min-height:44px;gap:4px}html body #MainContent .ks-card__actions{grid-template-columns:minmax(0,1fr);grid-template-rows:44px 44px;gap:8px;height:96px;min-height:96px}html body #MainContent .ks-card__actions :is(.km-button,.ks-card__view){height:44px;min-height:44px;padding:8px;font-size:12px}html body #MainContent .kr__toolbar>a{font-size:12px;padding:10px 12px}html body #MainContent .kr-products__campaign-copy{padding:18px;gap:10px}html body #MainContent .kr-products__campaign-copy>a{min-height:44px;font-size:12px;padding:10px 12px}html body #MainContent .kr-campaign__cta{max-width:calc(100% - 28px);width:calc(100% - 28px);margin:14px}}@media(prefers-reduced-motion:reduce){html body #MainContent .ks-card__provoker-track{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/khamato-card-cta.css.map */