/* Transfral Premium v5.0: external uploads media + refined six-image storefront. */
:root{--tf-v5-blue:#074783;--tf-v5-gold:#c18e36;--tf-v5-ink:#0c2947;--tf-v5-body:#23354a}
.tf-v3-home .tf-v3-hero{padding-top:0;padding-bottom:12px}
.tf-v3-home .tf-v3-hero__container{min-height:398px;background:#f5efe7;border-radius:0;box-shadow:none;max-width:none;width:100%}
.tf-v3-home .tf-v3-hero__container::before,.tf-v3-home .tf-v3-hero__container::after{display:none!important}
.tf-v3-home .tf-v3-hero__slides{min-height:370px}
.tf-v3-home .tf-v5-hero__slide{display:flex;align-items:center;justify-content:flex-start;position:absolute;inset:0;overflow:hidden;transform:none;transition:opacity .65s ease,visibility .65s ease;background:linear-gradient(115deg,#f8f2e9,#e8e6dd)}
.tf-v3-home .tf-v5-hero__background{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% center;z-index:0}
.tf-v3-home .tf-v5-hero__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,251,245,.97) 0%,rgba(255,251,245,.93) 18%,rgba(255,251,245,.83) 34%,rgba(255,251,245,.17) 57%,rgba(255,251,245,0) 73%)}
.tf-v3-home .tf-v5-hero__copy{position:relative;z-index:2;width:min(52%,640px);max-width:640px;min-width:0;padding:26px 35px 36px max(38px,calc((100vw - 1280px)/2));color:var(--tf-v5-ink)}
.tf-v3-home .tf-v5-hero__copy h1,.tf-v3-home .tf-v5-hero__copy h2{color:var(--tf-v5-ink)!important;font-size:26px!important;font-weight:600!important;max-width:410px;margin:14px 0 10px;letter-spacing:-.035em}
.tf-v3-home .tf-v5-hero__copy p{color:#344859!important;font-size:13px;line-height:1.75;max-width:390px;margin-bottom:17px}
.tf-v3-home .tf-v5-hero__copy .tf-v3-hero__eyebrow{color:#a46c17;font-size:10px}
.tf-v3-home .tf-v5-hero__copy .tf-v3-primary-link{background:var(--tf-v5-blue);border-color:var(--tf-v5-blue);color:#fff;white-space:normal;text-align:center}
.tf-v3-home .tf-v5-hero__copy .tf-v3-text-link{color:var(--tf-v5-ink)!important}
.tf-v3-home .tf-v5-hero__featured{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:6px 12px 6px 6px;background:rgba(255,255,255,.89);border:1px solid rgba(198,206,208,.7);border-radius:12px;box-shadow:0 5px 16px rgba(15,43,68,.06);text-decoration:none;color:#1a344c;max-width:340px}
.tf-v5-hero__featured-photo{width:42px;height:42px;flex:0 0 42px;border-radius:8px;background:#fff;overflow:hidden}
.tf-v5-hero__featured-photo img{width:100%;height:100%;object-fit:contain}
.tf-v5-hero__featured>span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0}
.tf-v5-hero__featured small{font-size:9px;color:#597184;font-weight:500}
.tf-v5-hero__featured strong{font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.tf-v5-hero__featured svg{width:16px;height:16px;flex:0 0 16px;color:var(--tf-v5-blue)}
.tf-v3-home .tf-v3-hero__bottom{height:30px;position:absolute;bottom:3px;left:0;right:0;z-index:4;padding:0 max(38px,calc((100vw - 1280px)/2)) 5px;pointer-events:none}
.tf-v3-home .tf-v3-hero__bottom button{pointer-events:auto}
.tf-v3-home .tf-v3-hero__count,.tf-v3-home .tf-v3-hero__count span:first-child{color:#174365}
.tf-v3-home .tf-v3-hero__progress button span{background:#bbc9d1}
.tf-v3-home .tf-v3-hero__progress button.is-active span{background:var(--tf-v5-blue)}
.tf-v3-home .tf-v3-hero__arrows button{background:rgba(255,255,255,.94);color:#16476b;border:1px solid #d7e4e8;border-radius:50%}
.tf-v3-home .tf-v3-hero__arrows button:hover{background:#fff;box-shadow:0 3px 16px rgba(12,40,65,.16)}
.tf-v3-home .tf-v3-categories{padding-top:27px;padding-bottom:25px}
.tf-v3-home .tf-v3-cat__circle{background:transparent;border:0;box-shadow:none;overflow:visible;max-width:126px;max-height:126px}
.tf-v3-home .tf-v3-cat__circle img{width:100%;height:100%;border-radius:50%;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(24,45,61,.04))}
.tf-v3-home .tf-v3-cat__name{font-size:11px;color:#112e46}
.tf-v3-home .tf-v3-cat__count{font-size:10px}
.tf-v3-home .tf-v5-promos{padding-top:38px;padding-bottom:42px;background:#fff}
.tf-v3-home .tf-v5-promos .tf-v3-promos__grid{gap:15px}
.tf-v3-home .tf-v5-promo{display:flex;align-items:flex-start;position:relative;height:204px;min-height:204px;background:#f0f5fb!important;padding:23px;border:1px solid #e7edf0;overflow:hidden;border-radius:14px}
.tf-v3-home .tf-v5-promo__bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;z-index:0}
.tf-v3-home .tf-v5-promo__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(245,250,253,.98) 0%,rgba(245,250,253,.9) 32%,rgba(245,250,253,.5) 60%,rgba(245,250,253,.06) 100%)}
.tf-v3-home .tf-v5-promo--2 .tf-v5-promo__shade{background:linear-gradient(90deg,rgba(255,249,239,.98) 0%,rgba(255,249,239,.88) 32%,rgba(255,249,239,.48) 60%,rgba(255,249,239,.06) 100%)}
.tf-v3-home .tf-v5-promo--3 .tf-v5-promo__shade{background:linear-gradient(90deg,rgba(241,250,244,.98) 0%,rgba(241,250,244,.88) 33%,rgba(241,250,244,.47) 60%,rgba(241,250,244,.06) 100%)}
.tf-v3-home .tf-v5-promo .tf-v3-promo__copy{position:relative;z-index:2;width:66%;display:flex;flex-direction:column;align-items:flex-start;min-height:100%;gap:8px}
.tf-v3-home .tf-v5-promo .tf-v3-promo__copy>span{color:#074783;font-size:10px;letter-spacing:.08em;font-weight:600}
.tf-v3-home .tf-v5-promo .tf-v3-promo__copy h3{font-size:18px!important;font-weight:600!important;color:#112d49;max-width:210px;margin:0}
.tf-v3-home .tf-v5-promo .tf-v3-promo__copy small{font-size:11px;line-height:1.5;color:#33495d;max-width:200px}
.tf-v3-home .tf-v5-promo .tf-v3-promo__copy a{color:#084b79;margin-top:auto;font-size:11px}
.tf-v3-home .tf-v3-story__visual{height:330px;min-height:300px}
.tf-v3-home .tf-v3-story__visual>img.tf-v4-story-custom-image{width:100%;height:100%;min-height:0;max-height:none;object-fit:cover;mix-blend-mode:normal}
.tf-v3-home .tf-v3-story__image-label{font-size:10px}
.tf-v3-home .tf-v3-heading .tf-v3-eyebrow{color:#946521}
.tf-v3-home .tf-v3-heading h2{font-size:23px!important;color:#0d2c48}
@media(max-width:980px){
 .tf-v3-home .tf-v5-hero__copy{padding-left:28px;width:60%}
 .tf-v3-home .tf-v5-promo{padding:18px;height:190px;min-height:190px}
 .tf-v3-home .tf-v5-promo .tf-v3-promo__copy{width:75%}
 .tf-v3-home .tf-v3-hero__bottom{padding-left:28px;padding-right:28px}
}
@media(max-width:700px){
 .tf-v3-home .tf-v3-hero__container{min-height:360px;border-radius:0}
 .tf-v3-home .tf-v3-hero__slides{min-height:332px}
 .tf-v3-home .tf-v5-hero__background{object-position:62% center}
 .tf-v3-home .tf-v5-hero__shade{background:linear-gradient(90deg,rgba(255,251,245,.97) 0%,rgba(255,251,245,.93) 40%,rgba(255,251,245,.54) 66%,rgba(255,251,245,.08) 100%)}
 .tf-v3-home .tf-v5-hero__copy{width:78%;padding:20px 12px 22px 20px}
 .tf-v3-home .tf-v5-hero__copy h1,.tf-v3-home .tf-v5-hero__copy h2{font-size:23px!important;margin:8px 0 7px;max-width:260px}
 .tf-v3-home .tf-v5-hero__copy p{font-size:12px;line-height:1.55;max-width:246px;margin-bottom:13px}
 .tf-v3-home .tf-v5-hero__copy .tf-v3-hero__eyebrow{font-size:9px}
 .tf-v3-home .tf-v5-hero__copy .tf-v3-primary-link{min-height:36px;padding:9px 12px;font-size:10px}
 .tf-v3-home .tf-v5-hero__copy .tf-v3-text-link{font-size:10px}
 .tf-v3-home .tf-v5-hero__copy .tf-v3-hero__actions{gap:9px}
 .tf-v3-home .tf-v5-hero__featured{margin-top:12px;max-width:230px}
 .tf-v3-home .tf-v3-hero__bottom{padding-left:20px;padding-right:20px;bottom:4px}
 .tf-v3-home .tf-v3-hero__count{font-size:10px}
 .tf-v3-home .tf-v3-hero__progress{max-width:130px}
 .tf-v3-home .tf-v3-cat__circle{width:min(38vw,136px);height:min(38vw,136px);max-width:136px;max-height:136px}
 .tf-v3-home .tf-v5-promos .tf-v3-promos__grid{grid-template-columns:1fr;gap:12px}
 .tf-v3-home .tf-v5-promo{height:170px;min-height:170px;padding:19px}
 .tf-v3-home .tf-v5-promo .tf-v3-promo__copy{width:68%}
 .tf-v3-home .tf-v3-story__visual{height:240px;min-height:240px}
}
@media(max-width:380px){
 .tf-v3-home .tf-v5-hero__copy{width:86%}
 .tf-v3-home .tf-v5-hero__copy .tf-v3-hero__eyebrow{font-size:8px}
 .tf-v3-home .tf-v5-hero__copy h1,.tf-v3-home .tf-v5-hero__copy h2{font-size:21px!important}
 .tf-v3-home .tf-v5-hero__featured{display:none}
}
@media(prefers-reduced-motion:reduce){.tf-v3-home .tf-v5-hero__slide{transition:none!important}}