/* ===== Modern design refresh: safety + hover polish ===== */

/* 1) Global overflow safety — nothing should ever break past screen edge */
html, body {
      max-width: 100%;
        overflow-x: hidden;
        }
        .t-container, .t-container_100, .t-rec, .t396__artboard, .t396__filter {
              max-width: 100%;
              }
              
              /* 2) Prevent text from spilling out of its box in free-form (zero) blocks */
              .t396__artboard p,
              .t396__artboard li,
              .t396__artboard h1,
              .t396__artboard h2,
              .t396__artboard h3,
              .t396__artboard h4,
              .t-descr, .t-title, .t-text, .t-name {
                    overflow-wrap: break-word;
                      word-break: break-word;
                        hyphens: auto;
                        }
                        
                        /* 3) Smooth base transition for anything interactive */
                        a, button, .t-btn, .t-submit, .t-form__submit,
                        .t-card__wrap, .t-col, .t396__card, .t-bgimg,
                        .tn-frame-hover {
                              transition: transform .25s ease, box-shadow .25s ease, filter .25s ease, opacity .25s ease;
                              }
                              
                              /* 4) Buttons — modern, tactile hover */
                              .t-btn, .t-submit, .t-form__submit {
                                    border-radius: 12px;
                                    }
                                    .t-btn:hover, .t-submit:hover, .t-form__submit:hover {
                                          transform: translateY(-2px) scale(1.02);
                                            box-shadow: 0 10px 24px rgba(0,0,0,.18);
                                              filter: brightness(1.05);
                                              }
                                              .t-btn:active, .t-submit:active, .t-form__submit:active {
                                                    transform: translateY(0) scale(.98);
                                                    }
                                                    
                                                    /* 5) Cards / framed blocks (standard Tilda card wrappers) — gentle lift on hover */
                                                    .t-card__wrap:hover,
                                                    .t396__card:hover,
                                                    .t-feed__item:hover {
                                                          transform: translateY(-4px);
                                                            box-shadow: 0 14px 30px rgba(0,0,0,.16);
                                                              border-radius: 16px;
                                                              }
                                                              
                                                              /* 6) Decorative bordered frames inside free-form (zero) blocks — react like a button on hover.
                                                                    The .tn-frame-hover class is added automatically by a small script to every
                                                                          element in a zero-block that actually has a visible border. */
                                                                          .tn-frame-hover {
                                                                                cursor: pointer;
                                                                                }
                                                                                .tn-frame-hover:hover {
                                                                                      transform: scale(1.015);
                                                                                        box-shadow: 0 8px 22px rgba(243,180,84,.25);
                                                                                          filter: brightness(1.05);
                                                                                          }
                                                                                          
                                                                                          /* 7) Slightly airier line-height for long paragraphs = better readability */
                                                                                          .t396__artboard p, .t-descr {
                                                                                                line-height: 1.45;
                                                                                                }
                                                                                                
                                                                                          }
                                                                                }
                                                                          }
                                                    }
                                              }
                                    }
                              }
                        }
              }
        }
}