:root{--bg:#fefdfe;--primary:#ea0915;--primary-hover:#af060f;--secondary-500:#1a1c1e;--secondary-400:#6c7378;--text-secondary:#665959;--radius-button:12px;--font-title:"Poppins", "Noto Sans Sinhala", sans-serif;--font-ui:"Manrope", "Noto Sans Sinhala", sans-serif;--container:1272px;--gutter:24px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--secondary-500);font-family:var(--font-title);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}img,svg,video{max-width:100%;display:block}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}h1,h2,h3,h4{font-family:var(--font-title);color:var(--secondary-500);margin:0}.section-title{letter-spacing:-.03em;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.25}.section-lead{color:var(--secondary-400);letter-spacing:-.02em;margin:0;font-size:16px;font-weight:500;line-height:1.5}.btn{border-radius:var(--radius-button);font-family:var(--font-ui);letter-spacing:-.02em;cursor:pointer;will-change:transform;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:700;line-height:1.5;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s,transform .2s,box-shadow .25s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:var(--primary);border:1px solid var(--primary-hover);box-shadow:0 -3px 2px 0 var(--primary-hover) inset}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 16px #ea09154d}.btn-outline{color:var(--secondary-500);border:1px solid var(--secondary-500);background:0 0}.btn-outline:hover{background:var(--secondary-500);color:#fff;transform:translateY(-2px)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}.reveal-scale{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,.61,.36,1);transition-delay:var(--reveal-delay,0s);transform:scale(.94)}.reveal-scale.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.reveal-scale{opacity:1;transition:none;transform:none}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header:is(.site-header,.site-header *){z-index:100;background:var(--bg);transition:box-shadow .3s,background-color .3s;position:sticky;top:0}.site-header.scrolled:is(.site-header,.site-header *){-webkit-backdrop-filter:blur(12px);background:#fefdfeeb;box-shadow:0 4px 24px #1a1c1e14}.header-inner:is(.site-header,.site-header *){justify-content:space-between;align-items:center;gap:24px;max-width:1512px;height:78px;margin-inline:auto;padding-inline:clamp(24px,8vw,120px);display:flex}.logo:is(.site-header,.site-header *){flex-shrink:0;transition:transform .25s}.logo:hover:is(.site-header,.site-header *){transform:scale(1.04)}.nav:is(.site-header,.site-header *){align-items:center;gap:40px;display:flex}.nav-link:is(.site-header,.site-header *){color:var(--text-secondary);font-family:var(--font-title);letter-spacing:-.02em;white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:500;text-decoration:none;transition:color .25s;display:inline-flex;position:relative}.nav-link:is(.site-header,.site-header *):after{content:"";background:var(--primary);transform-origin:0;border-radius:2px;width:100%;height:2px;transition:transform .3s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-link:hover:is(.site-header,.site-header *),.nav-link.active:is(.site-header,.site-header *),.dropdown.active:is(.site-header,.site-header *) .dropdown-toggle:is(.site-header,.site-header *){color:var(--primary)}.nav-link:hover:is(.site-header,.site-header *):after,.nav-link.active:is(.site-header,.site-header *):after,.dropdown.active:is(.site-header,.site-header *) .dropdown-toggle:is(.site-header,.site-header *):after{transform:scaleX(1)}.dropdown:is(.site-header,.site-header *){position:relative}.chev:is(.site-header,.site-header *){transition:transform .3s}.dropdown.open:is(.site-header,.site-header *) .chev:is(.site-header,.site-header *),.dropdown:hover:is(.site-header,.site-header *) .chev:is(.site-header,.site-header *){transform:rotate(180deg)}.dropdown-panel:is(.site-header,.site-header *){opacity:0;visibility:hidden;background:#fff;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6px 10px;width:min(660px,100vw - 40px);padding:14px;transition:opacity .25s,transform .25s cubic-bezier(.22,.61,.36,1),visibility .25s;display:grid;position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 24px 56px -12px #1a1c1e38,0 0 0 1px #1a1c1e0d}.dropdown-panel:is(.site-header,.site-header *):before{content:"";height:18px;position:absolute;top:-18px;left:0;right:0}.dropdown:hover:is(.site-header,.site-header *) .dropdown-panel:is(.site-header,.site-header *),.dropdown.open:is(.site-header,.site-header *) .dropdown-panel:is(.site-header,.site-header *){opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.dropdown-col:is(.site-header,.site-header *){min-width:0}.dropdown-heading:is(.site-header,.site-header *){font-family:var(--font-title);letter-spacing:.07em;text-transform:uppercase;color:var(--secondary-400);margin:6px 0 6px 12px;font-size:11px;font-weight:700}.dropdown-item:is(.site-header,.site-header *){border-radius:12px;align-items:flex-start;gap:12px;padding:12px;text-decoration:none;transition:background-color .2s;display:flex}.dropdown-item:hover:is(.site-header,.site-header *),.dropdown-item.current:is(.site-header,.site-header *){background:#fceeee}.item-icon:is(.site-header,.site-header *){width:38px;height:38px;color:var(--primary);background:#ea091514;border-radius:10px;flex-shrink:0;place-items:center;transition:background-color .25s,color .25s,transform .25s;display:grid}.dropdown-item:hover:is(.site-header,.site-header *) .item-icon:is(.site-header,.site-header *){background:var(--primary);color:#fff;transform:scale(1.06)}.dropdown-item:is(.site-header,.site-header *) strong:is(.site-header,.site-header *){color:var(--secondary-500);letter-spacing:-.01em;font-size:14px;font-weight:600;display:block}.dropdown-item.current:is(.site-header,.site-header *) strong:is(.site-header,.site-header *){color:var(--primary)}.dropdown-item:is(.site-header,.site-header *) small:is(.site-header,.site-header *){color:var(--secondary-400);margin-top:2px;font-size:12px;line-height:1.45;display:block}.header-actions:is(.site-header,.site-header *){align-items:center;gap:16px;display:flex}.mobile-cart-link:is(.site-header,.site-header *){display:none}.header-cart:is(.site-header,.site-header *){width:38px;height:38px;color:var(--secondary-500);background:#f4e9e9;border-radius:50%;place-items:center;text-decoration:none;display:grid;position:relative}.header-cart:hover:is(.site-header,.site-header *){color:var(--primary)}.cart-count:is(.site-header,.site-header *){color:#fff;background:var(--primary);border-radius:999px;place-items:center;min-width:18px;height:18px;padding-inline:4px;font-size:10px;font-weight:700;line-height:1;display:inline-grid}.header-cart:is(.site-header,.site-header *) .cart-count:is(.site-header,.site-header *){position:absolute;top:-4px;right:-5px}.header-call:is(.site-header,.site-header *){color:var(--secondary-500);align-items:center;gap:9px;text-decoration:none;transition:color .25s;display:inline-flex}.header-call-icon:is(.site-header,.site-header *){width:36px;height:36px;color:var(--primary);background:#ea091514;border-radius:50%;flex-shrink:0;place-items:center;transition:background-color .25s,color .25s,transform .25s;display:grid}.header-call:hover:is(.site-header,.site-header *) .header-call-icon:is(.site-header,.site-header *){background:var(--primary);color:#fff;transform:scale(1.06)}.header-call-text:is(.site-header,.site-header *){flex-direction:column;line-height:1.2;display:flex}.header-call-text:is(.site-header,.site-header *) small:is(.site-header,.site-header *){font-family:var(--font-title);color:var(--secondary-400);letter-spacing:-.01em;font-size:11px;font-weight:500}.header-call-text:is(.site-header,.site-header *) strong:is(.site-header,.site-header *){font-family:var(--font-title);color:var(--secondary-500);letter-spacing:-.01em;white-space:nowrap;font-size:13.5px;font-weight:700}.header-call:hover:is(.site-header,.site-header *) .header-call-text:is(.site-header,.site-header *) strong:is(.site-header,.site-header *){color:var(--primary)}.lang-switch:is(.site-header,.site-header *){background:#f4e9e9;border-radius:999px;gap:2px;padding:3px;display:inline-flex}.lang-option:is(.site-header,.site-header *){font-family:var(--font-title);color:var(--text-secondary);border-radius:999px;padding:5px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:background-color .25s,color .25s}.lang-option:hover:is(.site-header,.site-header *){color:var(--primary)}.lang-option.current:is(.site-header,.site-header *){color:var(--secondary-500);background:#fff;box-shadow:0 1px 4px #1a1c1e1f}.header-cta:is(.site-header,.site-header *){padding:10px 20px;font-size:14px}.menu-toggle:is(.site-header,.site-header *){cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.menu-toggle:is(.site-header,.site-header *) span:is(.site-header,.site-header *){background:var(--secondary-500);border-radius:2px;width:22px;height:2px;transition:transform .3s,opacity .3s}@media (width<=1280px){.header-inner:is(.site-header,.site-header *){gap:16px;padding-inline:clamp(20px,3vw,48px)}.nav:is(.site-header,.site-header *){gap:clamp(16px,2.2vw,28px)}.header-actions:is(.site-header,.site-header *){gap:12px}.header-call-text:is(.site-header,.site-header *){display:none}}@media (width<=900px){.nav:is(.site-header,.site-header *){background:var(--bg);flex-direction:column;align-items:stretch;gap:0;max-height:0;transition:max-height .35s;position:absolute;top:78px;left:0;right:0;overflow:hidden;box-shadow:0 12px 24px #1a1c1e1a}.nav.open:is(.site-header,.site-header *){max-height:1200px}.nav:is(.site-header,.site-header *){overflow-y:auto}.nav-link:is(.site-header,.site-header *){width:100%;padding:16px 24px}.mobile-cart-link:is(.site-header,.site-header *){display:inline-flex}.nav-link:is(.site-header,.site-header *):after{display:none}.dropdown-panel:is(.site-header,.site-header *){width:100%;box-shadow:none;opacity:1;visibility:visible;border-radius:0;grid-template-columns:minmax(0,1fr);gap:0;max-height:0;padding:0 12px;transition:max-height .35s;position:static;overflow:hidden;transform:none}.dropdown.open:is(.site-header,.site-header *) .dropdown-panel:is(.site-header,.site-header *){max-height:760px}.dropdown.open:is(.site-header,.site-header *) .dropdown-panel:is(.site-header,.site-header *),.dropdown:hover:is(.site-header,.site-header *) .dropdown-panel:is(.site-header,.site-header *){transform:none}.dropdown-heading:is(.site-header,.site-header *){margin-top:10px}.menu-toggle:is(.site-header,.site-header *){display:flex}.menu-toggle[aria-expanded=true]:is(.site-header,.site-header *) span:first-child:is(.site-header,.site-header *){transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true]:is(.site-header,.site-header *) span:nth-child(2):is(.site-header,.site-header *){opacity:0}.menu-toggle[aria-expanded=true]:is(.site-header,.site-header *) span:nth-child(3):is(.site-header,.site-header *){transform:translateY(-7px)rotate(-45deg)}.header-cta:is(.site-header,.site-header *),.header-cart:is(.site-header,.site-header *){display:none}.header-actions:is(.site-header,.site-header *){gap:10px}.header-call-text:is(.site-header,.site-header *){display:none}}@media (width<=600px){.header-inner:is(.site-header,.site-header *){gap:12px;padding-inline:16px}.logo:is(.site-header,.site-header *) img:is(.site-header,.site-header *){width:130px;height:auto}.header-actions:is(.site-header,.site-header *){gap:8px}.header-call-icon:is(.site-header,.site-header *){width:34px;height:34px}}@media (width<=380px){.header-inner:is(.site-header,.site-header *){gap:8px;padding-inline:12px}.logo:is(.site-header,.site-header *) img:is(.site-header,.site-header *){width:116px}}.footer:is(.footer,.footer *){background:#fceeee;padding-top:24px}.cta-panel:is(.footer,.footer *){z-index:1;background:#7a575c;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:24px;margin-bottom:-80px;padding:clamp(28px,4.5vw,56px);display:grid;position:relative;overflow:hidden}.cta-copy:is(.footer,.footer *) h2:is(.footer,.footer *){color:#fff;letter-spacing:-.02em;font-size:clamp(26px,3.4vw,38px);font-weight:700;line-height:1.25}.cta-copy:is(.footer,.footer *) p:is(.footer,.footer *){color:#fffc;max-width:440px;margin:16px 0 0;font-size:14.5px;line-height:1.6}.subscribe:is(.footer,.footer *){gap:12px;max-width:440px;margin-top:28px;display:flex}.subscribe:is(.footer,.footer *) input:is(.footer,.footer *){min-width:0;font-family:var(--font-title);color:var(--secondary-500);background:#fff;border:none;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:14.5px;transition:box-shadow .25s}.subscribe:is(.footer,.footer *) input:focus:is(.footer,.footer *){box-shadow:0 0 0 3px #ea091540}.subscribe:is(.footer,.footer *) button.is-loading:is(.footer,.footer *){opacity:.75;pointer-events:none}.subscribe-msg:is(.footer,.footer *){margin-top:12px;font-size:14.5px;font-weight:500;line-height:1.4}.subscribe-success:is(.footer,.footer *){color:#4ade80}.subscribe-error:is(.footer,.footer *){color:#fca5a5}.cta-media:is(.footer,.footer *){align-items:center;display:flex}.cta-media:is(.footer,.footer *) .tablet:is(.footer,.footer *){background:#0d0d0f;border-radius:18px;width:100%;padding:10px;transition:transform .5s cubic-bezier(.22,.61,.36,1);transform:rotate(-2deg);box-shadow:0 32px 48px -20px #00000080}.cta-panel:hover:is(.footer,.footer *) .cta-media:is(.footer,.footer *) .tablet:is(.footer,.footer *){transform:rotate(0)}.cta-media:is(.footer,.footer *) img:is(.footer,.footer *){border-radius:10px;width:100%;height:auto}.footer-main:is(.footer,.footer *){background:#240a0c;padding:160px 0 32px}.footer-grid:is(.footer,.footer *){grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,.8fr)) minmax(0,1.1fr);gap:clamp(20px,3vw,44px);display:grid}.footer-logo:is(.footer,.footer *){filter:brightness(0)invert()}.footer-brand:is(.footer,.footer *) p:is(.footer,.footer *){color:#ffffffa6;max-width:300px;margin:18px 0 0;font-size:13.5px;line-height:1.65}.socials:is(.footer,.footer *){gap:10px;margin-top:22px;display:flex}.socials:is(.footer,.footer *) a:is(.footer,.footer *){color:#fff;background:#ffffff1a;border-radius:50%;place-items:center;width:34px;height:34px;transition:background-color .3s,transform .3s;display:grid}.socials:is(.footer,.footer *) a:hover:is(.footer,.footer *){background:var(--primary);transform:translateY(-3px)}.footer-col:is(.footer,.footer *){flex-direction:column;gap:14px;display:flex}.footer-col:is(.footer,.footer *) h3:is(.footer,.footer *){color:#fff;margin-bottom:6px;font-size:15px;font-weight:600}.footer-col:is(.footer,.footer *) a:is(.footer,.footer *),.contact-line:is(.footer,.footer *){color:#ffffffa6;align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;text-decoration:none;transition:color .25s,transform .25s;display:inline-flex}.footer-col:is(.footer,.footer *) a:hover:is(.footer,.footer *){color:#fff;transform:translate(3px)}.contact-line:is(.footer,.footer *) svg:is(.footer,.footer *){flex-shrink:0;margin-top:3px}.copyright:is(.footer,.footer *){border-top:1px solid #ffffff1a;margin-top:56px;padding-top:22px}.copyright:is(.footer,.footer *) p:is(.footer,.footer *){color:#ffffff73;text-align:center;margin:0;font-size:13px}@media (width<=900px){.cta-panel:is(.footer,.footer *){grid-template-columns:minmax(0,1fr)}.footer-grid:is(.footer,.footer *){grid-template-columns:1fr 1fr}}@media (width<=560px){.footer-grid:is(.footer,.footer *){grid-template-columns:1fr}.subscribe:is(.footer,.footer *){flex-direction:column}}.lang-modal:is(.lang-modal,.lang-modal *){z-index:1000;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lang-modal[hidden]:is(.lang-modal,.lang-modal *){display:none}.lang-modal__backdrop:is(.lang-modal,.lang-modal *){-webkit-backdrop-filter:blur(4px);background:#1a0c0d8c;animation:.3s both lang-fade;position:absolute;inset:0}.lang-modal__card:is(.lang-modal,.lang-modal *){text-align:center;background:#fff;border-radius:22px;width:min(420px,100%);padding:34px 28px 28px;animation:.4s cubic-bezier(.22,.61,.36,1) both lang-pop;position:relative;box-shadow:0 32px 70px -20px #1a0c0d80}.lang-modal__close:is(.lang-modal,.lang-modal *){width:32px;height:32px;color:var(--secondary-500);cursor:pointer;background:#f4e9e9;border:none;border-radius:50%;place-items:center;transition:background-color .2s,color .2s;display:grid;position:absolute;top:14px;right:14px}.lang-modal__close:hover:is(.lang-modal,.lang-modal *){background:var(--primary);color:#fff}.lang-modal__flag:is(.lang-modal,.lang-modal *){width:60px;height:60px;color:var(--primary);background:#ea091517;border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.lang-modal__title:is(.lang-modal,.lang-modal *){font-family:var(--font-title);letter-spacing:-.01em;color:var(--secondary-500);margin:0;font-size:22px;font-weight:700;line-height:1.3}.lang-modal__title-si:is(.lang-modal,.lang-modal *){color:var(--secondary-400);margin-top:4px;font-size:17px;font-weight:600;display:block}.lang-modal__sub:is(.lang-modal,.lang-modal *){color:var(--secondary-400);margin:12px 0 24px;font-size:14px;line-height:1.6}.lang-modal__actions:is(.lang-modal,.lang-modal *){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.lang-modal__btn:is(.lang-modal,.lang-modal *){cursor:pointer;background:#fff;border:1.5px solid #e7d7d7;border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:16px 12px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.lang-modal__btn:hover:is(.lang-modal,.lang-modal *){border-color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 22px -10px #ea091566}.lang-modal__btn:is(.lang-modal,.lang-modal *) strong:is(.lang-modal,.lang-modal *){font-family:var(--font-title);color:var(--secondary-500);font-size:16px;font-weight:700}.lang-modal__btn:is(.lang-modal,.lang-modal *) small:is(.lang-modal,.lang-modal *){color:var(--secondary-400);font-size:12px}.lang-modal__btn--primary:is(.lang-modal,.lang-modal *){background:var(--primary);border-color:var(--primary)}.lang-modal__btn--primary:is(.lang-modal,.lang-modal *) strong:is(.lang-modal,.lang-modal *),.lang-modal__btn--primary:is(.lang-modal,.lang-modal *) small:is(.lang-modal,.lang-modal *){color:#fff}.lang-modal__btn--primary:is(.lang-modal,.lang-modal *) small:is(.lang-modal,.lang-modal *){color:#ffffffd9}.lang-modal__btn--primary:hover:is(.lang-modal,.lang-modal *){box-shadow:0 12px 26px -10px #ea091599}@keyframes lang-fade{0%{opacity:0}to{opacity:1}}@keyframes lang-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lang-modal__backdrop:is(.lang-modal,.lang-modal *),.lang-modal__card:is(.lang-modal,.lang-modal *){animation:none}}
