.tyo-hero *{box-sizing:border-box;margin:0;padding:0}
.tyo-hero{font-family:'DM Sans',-apple-system,sans-serif;position:relative;width:100%;max-width:1440px;margin:0 auto;overflow:hidden}
.tyo-track{display:flex;width:100%;align-items:stretch;transition:transform .6s cubic-bezier(.4,0,.2,1);will-change:transform}
.tyo-slide{flex:0 0 100%;width:100%;min-width:0;max-width:100%}
.tyo-mala{position:relative;width:100%;overflow:hidden;background:#DDF3F2;aspect-ratio:2/1}
.tyo-mala picture{display:block;width:100%;height:100%}
.tyo-mala img{display:block;width:100%;height:100%;object-fit:cover}
.tyo-mala-link{position:absolute;inset:0;z-index:2;display:block;text-indent:-9999px;overflow:hidden}
.tyo-mala-bar{display:none}
.tyo-mala-btn{position:absolute;z-index:3;left:24.5%;top:58%;transform:translateX(-50%);display:inline-block;padding:13px 32px;background:#702E75;color:#fff;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;border-radius:2px;box-shadow:0 2px 14px rgba(35,10,40,.18);transition:background .18s,transform .18s;white-space:nowrap}
.tyo-mala-btn:hover{background:#C8860A;color:#fff;transform:translateX(-50%) translateY(-2px)}
.tyo-slide-gift .tyo-mala{background:#C9D4DA}
.tyo-slide-gift .tyo-mala-bar{background:#C9D4DA}
.tyo-slide-gift .tyo-mala-bar .tyo-mala-btn{background:#1F4B73}
.tyo-slide-gift .tyo-mala-bar .tyo-mala-btn:hover{background:#C8860A}
.tyo-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:6}
.tyo-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.2);cursor:pointer;padding:0}
.tyo-dot.active{background:#702E75;border-color:#702E75}
@media(min-width:768px) and (max-width:1100px){.tyo-mala-btn{padding:11px 24px;font-size:11px;letter-spacing:2px;top:60%}}
@media(max-width:767px){
.tyo-mala{aspect-ratio:1/1}
.tyo-mala-btn-desktop{display:none}
.tyo-mala-bar{display:flex;align-items:center;justify-content:center;background:#DDF3F2;min-height:86px;padding:18px 20px 24px}
.tyo-mala-bar .tyo-mala-btn{position:static;transform:none;padding:15px 38px;box-shadow:none}
.tyo-mala-bar .tyo-mala-btn:hover{transform:none}
.tyo-dots{bottom:auto;top:calc(100vw - 28px)}
}