.elementor-77 .elementor-element.elementor-element-fa036e3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-77 .elementor-element.elementor-element-f512870{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-77 .elementor-element.elementor-element-769b672{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-77 .elementor-element.elementor-element-618ad1e .title-after_title, .elementor-77 .elementor-element.elementor-element-618ad1e .title-subtitle, .elementor-77 .elementor-element.elementor-element-618ad1e .woodmart-title-container{max-width:500px;}.elementor-77 .elementor-element.elementor-element-618ad1e .title{font-size:28px;}.elementor-77 .elementor-element.elementor-element-996aeff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-77 .elementor-element.elementor-element-e912757 .title-after_title, .elementor-77 .elementor-element.elementor-element-e912757 .title-subtitle, .elementor-77 .elementor-element.elementor-element-e912757 .woodmart-title-container{max-width:500px;}.elementor-77 .elementor-element.elementor-element-e912757 .title{font-size:28px;}.elementor-77 .elementor-element.elementor-element-1ab7acd .wd-text-block{max-width:500px;}.elementor-77 .elementor-element.elementor-element-05a4f08{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:160px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-05a4f08:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-05a4f08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-c01917d > .elementor-widget-container{padding:0px 25px 0px 25px;}.elementor-77 .elementor-element.elementor-element-d57715e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-77 .elementor-element.elementor-element-d57715e:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-d57715e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2F6FF;}.elementor-77 .elementor-element.elementor-element-4ce37d1{--display:flex;--min-height:752px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-4ce37d1:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-4ce37d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1791FE;background-image:url("https://hyfoodpak.com/wp-content/uploads/2026/06/about-scaled.jpg");background-position:top left;background-repeat:no-repeat;background-size:66% auto;}.elementor-77 .elementor-element.elementor-element-28ceb7b{--spacer-size:50px;}.elementor-77 .elementor-element.elementor-element-bc5425c{--display:flex;}.elementor-77 .elementor-element.elementor-element-7d1373c .title-after_title, .elementor-77 .elementor-element.elementor-element-7d1373c .title-subtitle, .elementor-77 .elementor-element.elementor-element-7d1373c .woodmart-title-container{max-width:70%;}.elementor-77 .elementor-element.elementor-element-7d1373c .title{font-size:45px;}.elementor-77 .elementor-element.elementor-element-0cccfe9{--spacer-size:50px;}.elementor-77 .elementor-element.elementor-element-af500bd .title-after_title, .elementor-77 .elementor-element.elementor-element-af500bd .title-subtitle, .elementor-77 .elementor-element.elementor-element-af500bd .woodmart-title-container{max-width:70%;}.elementor-77 .elementor-element.elementor-element-af500bd .title-subtitle{color:#050000;}.elementor-77 .elementor-element.elementor-element-af500bd .title{font-size:45px;}.elementor-77 .elementor-element.elementor-element-fc26016{--spacer-size:50px;}.elementor-77 .elementor-element.elementor-element-f738fef .title-after_title, .elementor-77 .elementor-element.elementor-element-f738fef .title-subtitle, .elementor-77 .elementor-element.elementor-element-f738fef .woodmart-title-container{max-width:70%;}.elementor-77 .elementor-element.elementor-element-f738fef .title-subtitle{color:#000000;}.elementor-77 .elementor-element.elementor-element-f738fef .title{font-size:45px;}.elementor-77 .elementor-element.elementor-element-55940ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-55940ff:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-55940ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E2F6FF;}.elementor-77 .elementor-element.elementor-element-310a8e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;}.elementor-77 .elementor-element.elementor-element-11c7c8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-77 .elementor-element.elementor-element-a90761e{--display:flex;}.elementor-77 .elementor-element.elementor-element-905cf09 .wd-info-box{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-77 .elementor-element.elementor-element-905cf09 .wd-info-box:after{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-accent ) 100%);}.elementor-77 .elementor-element.elementor-element-905cf09.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-77 .elementor-element.elementor-element-905cf09 .info-box-title{font-size:18px;}.elementor-77 .elementor-element.elementor-element-bd4780a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-77 .elementor-element.elementor-element-5d921fb .wd-info-box{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-77 .elementor-element.elementor-element-5d921fb .wd-info-box:after{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-accent ) 100%);}.elementor-77 .elementor-element.elementor-element-5d921fb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-77 .elementor-element.elementor-element-5d921fb .info-box-title{font-size:18px;}.elementor-77 .elementor-element.elementor-element-ba61ff1 .wd-info-box{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%);}.elementor-77 .elementor-element.elementor-element-ba61ff1 .wd-info-box:after{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-accent ) 0%, var( --e-global-color-accent ) 100%);}.elementor-77 .elementor-element.elementor-element-ba61ff1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-77 .elementor-element.elementor-element-ba61ff1 .info-box-title{font-size:18px;}.elementor-77 .elementor-element.elementor-element-a62c19a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-8f021bd{--display:flex;}.elementor-77 .elementor-element.elementor-element-78b32830{--display:flex;--min-height:850px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-78b32830:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-78b32830 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hyfoodpak.com/wp-content/uploads/2026/06/tt.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-77 .elementor-element.elementor-element-f8d1ee6 .title{color:#000000;font-size:56px;font-weight:800;}.elementor-77 .elementor-element.elementor-element-f8d1ee6 .title-after_title{color:#161313;font-size:18px;}.elementor-77 .elementor-element.elementor-element-7174290 .elementor-button{background-color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-f512870{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-618ad1e .title-after_title, .elementor-77 .elementor-element.elementor-element-618ad1e .title-subtitle, .elementor-77 .elementor-element.elementor-element-618ad1e .woodmart-title-container{max-width:100%;}.elementor-77 .elementor-element.elementor-element-618ad1e .title{font-size:24px;}.elementor-77 .elementor-element.elementor-element-e912757 .title-after_title, .elementor-77 .elementor-element.elementor-element-e912757 .title-subtitle, .elementor-77 .elementor-element.elementor-element-e912757 .woodmart-title-container{max-width:100%;}.elementor-77 .elementor-element.elementor-element-e912757 .title{font-size:24px;}.elementor-77 .elementor-element.elementor-element-1ab7acd .wd-text-block{max-width:100%;}.elementor-77 .elementor-element.elementor-element-05a4f08{--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:160px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-c01917d > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-77 .elementor-element.elementor-element-d57715e{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-77 .elementor-element.elementor-element-bd4780a{--grid-auto-flow:row;}}@media(max-width:768px){.elementor-77 .elementor-element.elementor-element-f512870{--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-618ad1e .title{font-size:22px;}.elementor-77 .elementor-element.elementor-element-e912757 .title{font-size:22px;}.elementor-77 .elementor-element.elementor-element-05a4f08{--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:160px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-d57715e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-77 .elementor-element.elementor-element-7d1373c .title{font-size:7px;}.elementor-77 .elementor-element.elementor-element-bd4780a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:769px){.elementor-77 .elementor-element.elementor-element-f512870{--content-width:95%;}.elementor-77 .elementor-element.elementor-element-769b672{--width:50%;}.elementor-77 .elementor-element.elementor-element-996aeff{--width:50%;}.elementor-77 .elementor-element.elementor-element-4ce37d1{--content-width:85%;}.elementor-77 .elementor-element.elementor-element-55940ff{--content-width:70%;}.elementor-77 .elementor-element.elementor-element-310a8e5{--width:33.3333%;}.elementor-77 .elementor-element.elementor-element-11c7c8e{--width:66.6666%;}.elementor-77 .elementor-element.elementor-element-78b32830{--content-width:85%;}}@media(max-width:1024px) and (min-width:769px){.elementor-77 .elementor-element.elementor-element-769b672{--width:100%;}.elementor-77 .elementor-element.elementor-element-996aeff{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-318efe0 *//* SpecialtyBox Elementor Hero - scoped styles */
    .sb-hero-elementor,
    .sb-hero-elementor *,
    .sb-hero-elementor *::before,
    .sb-hero-elementor *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    .sb-hero-elementor {
      --yellow: #F5A623;
      --yellow-dark: #E8961A;
      --black: #111111;
      --white: #FFFFFF;
      --red: #C0392B;
      --red-dark: #A93226;
      --blue-accent: #5BC8D1;
      --gray-light: #F5F5F5;
      font-family: 'Inter', sans-serif;
      color: var(--black);
      width: 100%;
      overflow-x: clip;
    }

    .sb-hero-elementor .hero-btn:focus-visible {
      outline: 3px solid var(--black);
      outline-offset: 4px;
    }

    /* ═══════ HERO ═══════ */
    .sb-hero-elementor .hero {
      position: relative;
      background: #1690FD;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      overflow: hidden;
      padding: 80px 40px 160px;
    }

    /* Floating deco items */
    .sb-hero-elementor .hero-deco {
      position: absolute;
      pointer-events: none;
      animation: sbFloatY 4s ease-in-out infinite;
    }

    @keyframes sbFloatY {
      0%, 100% { transform: translateY(0px) rotate(var(--rot, 0deg)); }
      50% { transform: translateY(-14px) rotate(var(--rot, 0deg)); }
    }

    /* ═══════ 筹码（扑克筹码 SVG）═══════ */
    .sb-hero-elementor .chip { width: 44px; height: 44px; }
    .sb-hero-elementor .chip-sm { width: 30px; height: 30px; }
    .sb-hero-elementor .chip-lg { width: 58px; height: 58px; }

    /* ═══════ HERO 内容 ═══════ */
    .sb-hero-elementor .hero-content {
      position: relative;
      z-index: 10;
      max-width: 760px;
    }

    .sb-hero-elementor .hero-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--white);
      border: 2px solid var(--black);
      border-radius: 99px;
      padding: 4px 14px;
      font-size: .82rem;
      font-weight: 700;
      letter-spacing: .5px;
      text-transform: uppercase;
      box-shadow: 2px 2px 0 var(--black);
      margin-bottom: 24px;
    }

    .sb-hero-elementor .hero-title {
      font-size: clamp(2.8rem, 6vw, 5.2rem);
      font-weight: 900;
      line-height: 1.05;
      letter-spacing: -2px;
      color: var(--black);
      margin-bottom: 20px;
    }

    .sb-hero-elementor .hero-title em {
      font-style: normal;
      position: relative;
      display: inline-block;
    }

    /* Squiggly underline accent on "Speaks" */
    .sb-hero-elementor .hero-title em::after {
      content: '';
      position: absolute;
      left: 0; right: 0; bottom: -4px;
      height: 6px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8'%3E%3Cpath d='M0 4 Q15 0 30 4 Q45 8 60 4 Q75 0 90 4 Q105 8 120 4' fill='none' stroke='%23C0392B' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
      background-size: cover;
    }

    .sb-hero-elementor .hero-sub {
      font-size: clamp(1rem, 1.5vw, 1.15rem);
      font-weight: 500;
      color: var(--black);
      opacity: .85;
      max-width: 540px;
      margin: 0 auto 36px;
      line-height: 1.6;
    }

    .sb-hero-elementor .hero-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 14px 36px;
      font-size: 1.05rem;
      font-weight: 800;
      color: var(--white);
      background: var(--red);
      border: 2.5px solid var(--black);
      border-radius: 8px;
      box-shadow: 5px 5px 0 var(--black);
      text-decoration: none;
      cursor: pointer;
      transition: transform .12s, box-shadow .12s, background .12s;
    }

    .sb-hero-elementor .hero-btn:hover {
      transform: translate(-2px, -2px);
      box-shadow: 7px 7px 0 var(--black);
      background: var(--red-dark);
    }

    .sb-hero-elementor .hero-btn:active {
      transform: translate(3px, 3px);
      box-shadow: 2px 2px 0 var(--black);
    }

    .sb-hero-elementor .hero-btn svg { flex-shrink: 0; }

    /* --- MASCOT LEFT --- */
    .sb-hero-elementor .mascot-left {
      position: absolute;
      bottom: 0px;
      left: 20px;
      width: min(330px, 28.6vw);
      animation: sbMascotBob 3.5s ease-in-out infinite;
    }

    /* --- MASCOT BAG (right) --- */
    .sb-hero-elementor .mascot-right {
      position: absolute;
      bottom: 0px;
      right: 20px;
      width: min(264px, 24.2vw);
      animation: sbMascotBob 3.8s ease-in-out infinite;
      animation-delay: .5s;
    }

    @keyframes sbMascotBob {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-12px); }
    }

    /* ═══════ 浮动闪光 ═══════ */
    .sb-hero-elementor .sparkle {
      position: absolute;
      top: 24%;
      left: 22%;
      width: 36px;
      animation: sbFloatY 3s ease-in-out infinite;
      --rot: -15deg;
    }

    /* ═══════ 方块（左上方区域）═══════ */
    .sb-hero-elementor .cube-tl {
      position: absolute;
      top: 18%;
      left: 28%;
      width: 46px;
      animation: sbFloatY 5s ease-in-out infinite;
      --rot: 20deg;
      animation-delay: .7s;
    }

    /* ═══════ 散布的小方块 ═══════ */
    .sb-hero-elementor .cube-br { position: absolute; bottom: 22%; right: 28%; width: 32px; animation: sbFloatY 4.2s ease-in-out infinite; --rot: -10deg; animation-delay: 1s; }
    .sb-hero-elementor .cube-bm { position: absolute; bottom: 18%; left: 46%; width: 28px; animation: sbFloatY 3.6s ease-in-out infinite; --rot: 30deg; animation-delay: .3s; }

    /* ═══════ 筹码 ═══════ */
    .sb-hero-elementor .chip-1 { top: 15%; right: 26%; animation-delay: .2s; }
    .sb-hero-elementor .chip-2 { top: 28%; right: 20%; animation-delay: .9s; }
    .sb-hero-elementor .chip-3 { top: 12%; right: 14%; animation-delay: 1.3s; }
    .sb-hero-elementor .chip-4 { bottom: 30%; left: 18%; animation-delay: .5s; }
    .sb-hero-elementor .chip-5 { bottom: 22%; left: 10%; animation-delay: 1.1s; }
    .sb-hero-elementor .chip-6 { bottom: 42%; right: 14%; animation-delay: 0.6s; }

    /* ═══════ 硬币堆 ═══════ */
    .sb-hero-elementor .coin-stack {
      position: absolute;
      bottom: 60px;
      left: min(290px, 25vw);
      width: 64px;
      animation: sbFloatY 4.8s ease-in-out infinite;
      animation-delay: .4s;
    }

    /* ═══════ 响应式 ═══════ */
    @media (max-width: 900px) {
      .sb-hero-elementor .hero { padding: 60px 20px 200px; }
      .sb-hero-elementor .mascot-left { width: 198px; left: 12px; }
      .sb-hero-elementor .mascot-right { width: 165px; right: 12px; }
    }

    @media (max-width: 600px) {
      .sb-hero-elementor .hero-title { letter-spacing: -1px; }
      .sb-hero-elementor .mascot-left { width: 143px; left: 8px; }
      .sb-hero-elementor .mascot-right { width: 121px; right: 8px; }
      .sb-hero-elementor .hero-eyebrow { font-size: .72rem; }
      .sb-hero-elementor .hero-btn { padding: 13px 28px; }
    }
  

    @media (prefers-reduced-motion: reduce) {
      .sb-hero-elementor *,
      .sb-hero-elementor *::before,
      .sb-hero-elementor *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
      }
    }/* End custom CSS */