/* Tiny Toes · štýly obrazoviek z návrhu (vygenerované z design/*.dc.html, mobilné hodnoty z M*.dc.html) */
/* úvod */
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:190px;padding:26px;border-radius:26px;background:#fff;color:#2C3735;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 0 #CFDED8}
.tile:hover{transform:translateY(-4px);box-shadow:0 18px 34px -20px rgba(44,55,53,.55)}
.tile b{font-family:'Caveat Brush',cursive;font-weight:400;font-size:34px;line-height:1.05;color:#4F5F5D}
.tile .go{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:15px}
.tile.main{background:#4F5F5D;color:#fff;outline:1.5px dashed rgba(255,255,255,.5);outline-offset:-10px}
.tile.main b{color:#fff}
.cut{display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;color:#2C3735}
.cut span{font-family:'Caveat Brush',cursive;font-size:30px;color:#4F5F5D;background:#fff;padding:2px 18px;border-radius:999px}
@media (max-width:640px){
.tile{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:150px;padding:18px;border-radius:26px;background:#fff;color:#2C3735;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 0 #CFDED8}
.tile:hover{transform:translateY(-4px);box-shadow:0 18px 34px -20px rgba(44,55,53,.55)}
.tile b{font-family:'Caveat Brush',cursive;font-weight:400;font-size:27px;line-height:1.05;color:#4F5F5D}
.tile .go{display:flex;align-items:center;justify-content:space-between;font-weight:800;font-size:13px;gap:6px}
.tile.main{background:#4F5F5D;color:#fff;outline:1.5px dashed rgba(255,255,255,.5);outline-offset:-10px}
.tile.main b{color:#fff}
.cut{display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none;color:#2C3735}
.cut span{font-family:'Caveat Brush',cursive;font-size:22px;color:#4F5F5D;background:#fff;padding:2px 18px;border-radius:999px}
[data-m="u1"]{right:-40px !important;top:0 !important;width:240px !important}
[data-m="u2"]{left:-80px !important;top:760px !important;width:240px !important}
[data-m="u3"]{padding:22px 0 40px !important}
[data-m="u4"]{width:110px !important;height:110px !important;box-shadow:0 0 0 8px #4F5F5D, 0 24px 40px -20px rgba(44,55,53,.6) !important}
[data-m="u5"]{font-size:60px !important;margin-top:4px !important}
[data-m="u6"]{font-size:26px !important}
[data-m="u7"]{gap:12px !important}
[data-m="u8"]{box-shadow:0 0 0 5px #4F5F5D !important}
[data-m="u9"]{margin-bottom:26px !important}
[data-m="u10"]{box-shadow:0 0 0 5px #4F5F5D !important}
[data-m="u11"]{box-shadow:0 0 0 5px #4F5F5D !important}
[data-m="u12"]{padding-bottom:32px !important}
[data-m="u13"]{grid-template-columns:repeat(2, minmax(0, 1fr)) !important;gap:12px !important}
[data-m="u14"]{gap:10px !important;flex-direction:column !important}
}

/* mám záujem */
.cat{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 28px 30px;border-radius:30px;background:#fff;text-decoration:none;color:#2C3735;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 0 #CFDED8}
.cat:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(44,55,53,.55)}
.cat b{font-family:'Caveat Brush',cursive;font-weight:400;font-size:46px;line-height:1;color:#4F5F5D}
.cat .cnt2{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px;background:#E2F0E8;color:#3F6B57}
.cat .cnt2.none{background:#ECEFEE;color:#5B6966}
.cat .go{font-weight:800;color:#B23F3A}
@media (max-width:640px){
.cat{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 28px 30px;border-radius:30px;background:#fff;text-decoration:none;color:#2C3735;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 0 #CFDED8}
.cat:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(44,55,53,.55)}
.cat b{font-family:'Caveat Brush',cursive;font-weight:400;font-size:38px;line-height:1;color:#4F5F5D}
.cat .cnt2{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px;background:#E2F0E8;color:#3F6B57}
.cat .cnt2.none{background:#ECEFEE;color:#5B6966}
.cat .go{font-weight:800;color:#B23F3A}
[data-m="p1"]{padding:36px 0 110px !important}
[data-m="p2"]{width:180px !important;height:180px !important}
[data-m="p3"]{width:180px !important;height:180px !important}
[data-m="p4"]{width:180px !important;height:180px !important}
[data-m="p5"]{font-size:40px !important}
}

/* na mieru */
.cat{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 28px 30px;border-radius:30px;background:#fff;text-decoration:none;color:#2C3735;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 0 #CFDED8}
.cat:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(44,55,53,.55)}
.cat b{font-family:'Caveat Brush',cursive;font-weight:400;font-size:46px;line-height:1;color:#4F5F5D}
.cat .cnt2{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px;background:#E2F0E8;color:#3F6B57}
.cat .cnt2.none{background:#ECEFEE;color:#5B6966}
.cat .go{font-weight:800;color:#B23F3A}
@media (max-width:640px){
.cat{display:flex;flex-direction:column;align-items:center;gap:18px;padding:36px 28px 30px;border-radius:30px;background:#fff;text-decoration:none;color:#2C3735;text-align:center;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 0 #CFDED8}
.cat:hover{transform:translateY(-6px);box-shadow:0 22px 40px -22px rgba(44,55,53,.55)}
.cat b{font-family:'Caveat Brush',cursive;font-weight:400;font-size:38px;line-height:1;color:#4F5F5D}
.cat .cnt2{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;padding:8px 16px;border-radius:999px;background:#E2F0E8;color:#3F6B57}
.cat .cnt2.none{background:#ECEFEE;color:#5B6966}
.cat .go{font-weight:800;color:#B23F3A}
[data-m="n1"]{padding:36px 0 110px !important}
[data-m="n2"]{width:180px !important;height:180px !important}
[data-m="n3"]{width:180px !important;height:180px !important}
[data-m="n4"]{width:180px !important;height:180px !important}
}

/* o nás */
@media (max-width:640px){
[data-m="o1"]{padding:48px 0 !important}
[data-m="o2"]{gap:32px !important}
[data-m="o3"]{font-size:26px !important}
[data-m="o4"]{height:330px !important}
[data-m="o5"]{width:250px !important;height:250px !important;left:14px !important;top:10px !important}
[data-m="o6"]{width:130px !important;height:130px !important;right:14px !important;bottom:10px !important}
[data-m="o7"]{padding:56px 0 !important}
[data-m="o8"]{gap:36px !important}
[data-m="o9"]{margin-top:24px !important}
[data-m="o10"]{margin-top:-24px !important}
[data-m="o11"]{padding:52px 0 !important}
[data-m="o12"]{padding:56px 0 !important}
[data-m="o13"]{padding:22px !important}
}

/* kontakt */
.ct{display:flex;gap:16px;align-items:center;padding:18px 20px;background:#fff;border-radius:20px;text-decoration:none;color:#2C3735;transition:transform .15s}
.ct:hover{transform:translateX(4px)}
@media (max-width:640px){
[data-m="k1"]{padding:40px 0 36px !important}
[data-m="k2"]{padding:40px 0 56px !important}
[data-m="k3"]{font-size:16px !important}
[data-m="k4"]{font-size:16px !important}
[data-m="k5"]{font-size:16px !important}
[data-m="k6"]{font-size:16px !important}
[data-m="k7"]{font-size:16px !important}
[data-m="k8"]{padding:22px !important}
[data-m="k9"]{font-size:28px !important}
}

/* ako si vybrať */
.side a{display:block;padding:10px 16px;border-radius:12px;text-decoration:none;color:#2C3735;font-weight:700}
.side a:hover{background:#E4EEEA}
.side a.on{background:#4F5F5D;color:#fff}
.care{display:flex;flex-direction:column;gap:12px;align-items:flex-start;background:#fff;border-radius:22px;padding:24px}
@media (max-width:640px){
[data-m="i1"]{padding:40px 0 36px !important}
[data-m="i2"]{padding-top:28px !important;padding-bottom:56px !important}
[data-m="i3"]{max-width:none !important}
[data-m="i4"]{gap:32px !important}
[data-m="i5"]{flex:1 1 300px !important}
}

/* Skladom */
.age{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;min-height:112px;padding:18px 20px;border-radius:22px;border:2px solid #CFDED8;background:#fff;font:inherit;color:#2C3735;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}
.age:hover{border-color:#4F5F5D;transform:translateY(-2px)}
.age b{font-family:'Caveat Brush',cursive;font-weight:400;font-size:28px;line-height:1.05;color:#4F5F5D}
.age span{font-size:13px;font-weight:800;color:#3F6B57}
.age.on{background:#4F5F5D;border-color:#4F5F5D}
.age.on b,.age.on span{color:#fff}
.age.zero span{color:#5B6966}
.age.zero b{color:#8A9895}
@media (max-width:640px){
[data-m="s1"]{padding:22px 0 48px !important}
[data-m="s2"]{font-size:40px !important}
[data-m="s3"]{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)) !important}
[data-m="s4"]{padding:22px !important}
[data-m="s5"]{font-size:40px !important}
[data-m="s6"]{min-width:0 !important;width:100% !important}
}

/* Detail */
.stp{background:#fff;border-radius:28px;padding:30px 32px;display:flex;flex-direction:column;gap:18px}
.stp-h{display:flex;align-items:center;gap:14px}
.stp-h h3{font-size:36px}
.tip{display:flex;gap:12px;align-items:flex-start;background:#F3F8F6;border-left:0;border-radius:18px;padding:14px 16px;font-size:15px;color:#2C3735;outline:1.5px dashed #9FB9B0;outline-offset:-5px}
.tip b{font-family:Caveat,cursive;font-size:22px;color:#B23F3A;display:block;line-height:1}
.fab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:72px;padding:12px 14px;border:2px solid #CFDED8;border-radius:16px;background:#fff;font:inherit;color:#2C3735;text-align:left;cursor:pointer}
.fab:hover{border-color:#4F5F5D}
.fab b{font-size:15px}
.fab span{font-size:13px;color:#5B6966}
.fab.on{background:#4F5F5D;border-color:#4F5F5D;color:#fff}
.fab.on span{color:#E4EEEA}
.pick-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:0 20px;border:2px dashed #9FB9B0;border-radius:18px;background:#F3F8F6;font:800 16px Nunito,sans-serif;color:#4F5F5D;cursor:pointer}
.pick-btn:hover{border-color:#4F5F5D}
@media (max-width:640px){
.stp{background:#fff;border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:18px}
.stp-h{display:flex;align-items:center;gap:14px}
.stp-h h3{font-size:28px}
.tip{display:flex;gap:12px;align-items:flex-start;background:#F3F8F6;border-left:0;border-radius:18px;padding:14px 16px;font-size:15px;color:#2C3735;outline:1.5px dashed #9FB9B0;outline-offset:-5px}
.tip b{font-family:Caveat,cursive;font-size:22px;color:#B23F3A;display:block;line-height:1}
.fab{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:72px;padding:12px 14px;border:2px solid #CFDED8;border-radius:16px;background:#fff;font:inherit;color:#2C3735;text-align:left;cursor:pointer}
.fab:hover{border-color:#4F5F5D}
.fab b{font-size:15px}
.fab span{font-size:13px;color:#5B6966}
.fab.on{background:#4F5F5D;border-color:#4F5F5D;color:#fff}
.fab.on span{color:#E4EEEA}
.pick-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:0 20px;border:2px dashed #9FB9B0;border-radius:18px;background:#F3F8F6;font:800 16px Nunito,sans-serif;color:#4F5F5D;cursor:pointer}
.pick-btn:hover{border-color:#4F5F5D}
[data-m="d1"]{padding:22px 0 96px !important}
}

/* Objednavka */
@media (max-width:640px){
[data-m="f1"]{padding:22px 0 44px !important}
[data-m="f2"]{font-size:50px !important}
[data-m="f3"]{padding:22px !important}
}

/* Potvrdenie */
@media (max-width:640px){
[data-m="v1"]{padding:48px 0 96px !important}
[data-m="v2"]{font-size:50px !important}
[data-m="v3"]{padding:22px !important}
[data-m="v4"]{font-size:40px !important}
}