/* Tihar festive layer. Switched on/off and auto-expired by js/festive.js (see the CONFIG block there).
   Remove the two festive lines in Views/Shared/_Root.Head.cshtml to take it off the site completely. */
.tihar-strip{position:relative;z-index:60;background:linear-gradient(90deg,#7a1022,#b3261e 40%,#e8590c 70%,#f5a623);color:#fff;text-align:center;padding:9px 40px;font-weight:600;font-size:15px;line-height:1.3;font-family:inherit;letter-spacing:.3px;overflow:hidden}
.tihar-strip b{color:#ffe8a3}
.tihar-strip:after{content:"";position:absolute;top:0;bottom:0;width:90px;left:-120px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:tihar-sweep 5s ease-in-out infinite}
@keyframes tihar-sweep{to{left:110%}}

.tihar-hero{position:relative;overflow:hidden;margin:14px auto 0;max-width:1270px;width:calc(100% - 32px);border-radius:22px;color:#fff;padding:34px 38px 56px;min-height:230px;display:flex;align-items:center;gap:24px;
  background:linear-gradient(110deg,#5e0b1a 0%,#a3201b 48%,#e8590c 100%);box-shadow:0 12px 30px rgba(94,11,26,.28)}
.tihar-hero .tx{position:relative;z-index:3;max-width:660px}
.tihar-hero small{display:block;font-weight:700;font-size:12px;line-height:1;font-family:inherit;letter-spacing:3px;color:#ffd36b}
.tihar-hero h2{margin:8px 0 8px;font:800 44px/1.05 Georgia,serif;color:#fff}
.tihar-hero p{margin:0;font-weight:500;font-size:16px;line-height:1.5;font-family:inherit;opacity:.96;color:#fff}
.tihar-shim{background:linear-gradient(90deg,#ffe8a3,#fff,#ffc94d,#fff,#ffe8a3);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:tihar-shim 3.5s linear infinite}
@keyframes tihar-shim{to{background-position:-250% 0}}
.tihar-btn{position:relative;z-index:3;margin-left:auto;background:#ffd36b;color:#5e0b1a!important;font-weight:800;font-size:15px;line-height:1;font-family:inherit;padding:13px 24px;border-radius:999px;text-decoration:none!important;white-space:nowrap;overflow:hidden;box-shadow:0 0 20px rgba(255,211,107,.5)}
.tihar-btn:after{content:"";position:absolute;top:0;bottom:0;width:40px;left:-60px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.8),transparent);animation:tihar-sweep2 2.6s ease-in-out infinite}
@keyframes tihar-sweep2{to{left:130%}}
.tihar-x{position:absolute;right:12px;top:10px;z-index:4;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;font:700 18px/30px system-ui;cursor:pointer;padding:0}
.tihar-x:hover{background:rgba(255,255,255,.32)}
.tihar-fw{position:absolute;z-index:2;width:0;height:0;pointer-events:none}
.tihar-fw s{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);opacity:0;animation:tihar-burst 2.8s ease-out infinite;animation-delay:var(--d)}
@keyframes tihar-burst{0%{transform:translate(0,0) scale(1);opacity:1}70%{opacity:1}100%{transform:translate(var(--x),var(--y)) scale(.4);opacity:0}}
.tihar-bulbs{position:absolute;left:0;right:0;bottom:12px;height:26px;z-index:2;display:flex;justify-content:space-around;pointer-events:none}
.tihar-bulbs:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:rgba(255,226,150,.5)}
.tihar-bulbs u{width:12px;height:12px;border-radius:50%;background:var(--b);box-shadow:0 0 12px 3px var(--b);animation:tihar-tw 1.6s ease-in-out infinite;animation-delay:var(--d)}
@keyframes tihar-tw{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}

/* section headings (home page): small diya before the title. Headings only; cards and prices stay plain. */
.tihar-h:before{content:"\1FA94";display:inline-block;margin-right:.4em;font-size:.8em;vertical-align:.05em;filter:drop-shadow(0 0 5px rgba(255,179,0,.65));animation:tihar-glow 2.2s ease-in-out infinite}
@keyframes tihar-glow{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

/* footer wish band: row of flickering diyas + one line of greeting */
.tihar-footline{position:relative;margin:28px auto 0;max-width:1270px;width:calc(100% - 32px);border-radius:22px;padding:30px 16px 20px;text-align:center;color:#fff;overflow:hidden;background:linear-gradient(90deg,#5e0b1a,#a3201b 50%,#e8590c)}
.tihar-footline p{position:relative;z-index:2;margin:0;font-weight:700;font-size:17px;font-family:Georgia,serif;letter-spacing:.3px}
.tihar-footline p b{color:#ffd36b}
.tihar-flames{display:flex;justify-content:space-around;align-items:flex-end;max-width:1100px;margin:0 auto 4px;padding:0 10px;height:30px}
.tihar-flames i{display:block;width:30px;height:12px;border-radius:0 0 30px 30px;background:linear-gradient(#e8590c,#8f2a07);position:relative}
.tihar-flames i:before{content:"";position:absolute;left:50%;top:-18px;width:10px;height:18px;margin-left:-5px;border-radius:50% 50% 50% 50%/70% 70% 30% 30%;background:radial-gradient(circle at 50% 70%,#fff6c4,#ffb300 55%,#ff6a00);box-shadow:0 0 14px 6px rgba(255,170,0,.55);transform-origin:50% 100%;animation:tihar-flick 1.2s ease-in-out infinite;animation-delay:var(--d)}
@keyframes tihar-flick{0%,100%{transform:scale(1,1) skewX(0)}30%{transform:scale(.92,1.15) skewX(4deg)}60%{transform:scale(1.05,.95) skewX(-4deg)}}

@media(max-width:700px){
  .tihar-strip{font-size:13px;padding:8px 36px}
  .tihar-hero{flex-direction:column;align-items:flex-start;padding:28px 22px 56px;width:calc(100% - 24px);min-height:0}
  .tihar-hero h2{font-size:32px}
  .tihar-btn{margin-left:0}
  .tihar-bulbs u:nth-child(even){display:none}
  .tihar-flames i:nth-child(even){display:none}
}
@media(prefers-reduced-motion:reduce){.tihar-strip:after,.tihar-btn:after,.tihar-shim,.tihar-fw s,.tihar-bulbs u{animation:none!important}.tihar-fw{display:none}.tihar-h:before,.tihar-flames i:before{animation:none!important}}