/* Mobile Styles - Screen width <= 767px */
@media screen and (max-width: 767px) {
    .section-container { max-width: 420px; }
    
    /* Header Section Mobile */
    #sticky-8k33ke56 { width: 100%; height: 73px; }
    #w-8k33ke56 { top: 0px; left: 0px; position: relative; width: 100%; height: 73px; margin-bottom: -1px; }
    #w-8k33ke56 .section-wrapper { opacity: 1; }
    #w-8k33ke56 .section-background { background: rgba(255, 255, 255, 1); --type: 0; }
    
    /* Logo Mobile */
    #w-1uskgpo5 { top: 13px; left: 13px; width: 176px; height: 40px; }
    #w-1uskgpo5 .image-block-css { border-color: rgba(229, 231, 235, 1); border-style: solid; border-width: 0px; position: absolute; }
    #w-1uskgpo5 .image-background { width: 176px; height: 40px; top: 0px; left: 0px; background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/fwebp0/62/74/89/ec/d2db7d3d2cd78b071e20f5c5e797346ce0ab2f05a690987f99f019cd-w:0-h:0-l:13049-t:image/svg+xml.svg"); --type: 0; }
    #w-1uskgpo5 .image-background-compare { background: undefined; clip: rect(0, 88px, 40px, 0); --type: 0; }
    
    /* Navigation Mobile */
    #w-er631x49 { top: 13px; left: 456px; width: 312px; height: 45px; }
    #w-ieequtt3 { top: 0px; left: 0px; width: 152px; height: 22.499998092651367px; }
    #w-ieequtt3 .text-block-css { border-color: rgba(229, 231, 235, 1); border-style: solid; color: rgba(68, 68, 68, 1); font-size: 17px; font-weight: bold; text-align: left; --type: 0; }
    #w-tq78e3gh { top: 0px; left: 152px; width: 152px; height: 22.499998092651367px; }
    #w-tq78e3gh .text-block-css { border-color: rgba(229, 231, 235, 1); border-style: solid; color: rgba(68, 68, 68, 1); font-size: 17px; font-weight: bold; text-align: left; --type: 0; }
    #w-5zpul1tp { top: 22.5px; left: 51px; width: 152px; height: 22.499998092651367px; }
    #w-5zpul1tp .text-block-css { border-color: rgba(229, 231, 235, 1); border-style: solid; color: rgba(68, 68, 68, 1); font-size: 17px; font-weight: bold; text-align: left; --type: 0; }
    #w-jwtjvof0 { top: 20px; left: 160px; width: 152px; height: 22.499998092651367px; }
    #w-jwtjvof0 .text-block-css { border-color: rgba(229, 231, 235, 1); border-style: solid; color: rgba(68, 68, 68, 1); font-size: 17px; font-weight: bold; text-align: left; --type: 0; }
    
    /* Menu Icon Mobile */
    #w-67bbbndo { top: 24.25px; left: 382.5px; width: 22px; height: 22px; }
    #w-67bbbndo .rectangle-css { -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSdub25lJyAgd2lkdGg9JzE4JyBoZWlnaHQ9JzE0JyB2aWV3Qm94PScwIDAgMTggMTQnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTE4IDE0SDBWMTJIMThWMTRaTTE4IDEwSDBWOEgxOFYxMFpNMTggNkgwVjRIMThWNlpNMTggMkgwVjBIMThWMlonIGZpbGw9JyMyRTNBNTknLz48L3N2Zz4=); border-color: rgba(229, 231, 235, 1); border-style: solid; background: rgba(145, 145, 145, 1); }
    
    /* Open Account Button Mobile */
    #w-pcz4p1yd { top: 13px; left: 225px; width: 140px; height: 40px; }
    #w-pcz4p1yd .button-css { border-color: rgba(229, 231, 235, 1); border-radius: 6px; border-style: solid; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); color: rgba(255, 255, 255, 1); font-size: 16px; font-weight: bold; background: rgba(250, 140, 22, 1); --type: 0; }
    
    /* Main Hero Section Mobile */
    #w-w75ahnua { top: 0px; left: 0px; position: relative; width: 100%; min-height: 694px; margin-bottom: -1px; }
    #w-w75ahnua .section-wrapper { opacity: 1; }
    #w-w75ahnua .section-background { background: rgba(244, 245, 246, 1.000); --type: 0; }
    #w-szuzueoq { top: 9px; left: 10px; width: 408px; height: 103.47187042236328px; }
    #w-szuzueoq .text-block-css { border-color: rgba(229, 231, 235, 1); border-style: solid; color: rgba(68, 68, 68, 1); font-size: 28px; font-weight: bold; text-align: left; --type: 0; }
    
    /* Hide secondary title on mobile */
    #w-f73562dk { top: 84px; left: 13px; width: 289px; height: 29.990623474121094px; display: none; }
    
    /* Description Mobile */
    #w-uhnzc19f { top: 120px; left: 13px; width: 400px; height: 251.88748168945312px; }
    #w-uhnzc19f .text-block-css { border-color: rgba(229, 231, 235, 1); border-style: solid; color: rgba(68, 68, 68, 1); font-size: 17px; text-align: left; text-transform: normal; --type: 0; }
    
    /* Background Container Mobile */
    #w-baboax4q { top: 370px; left: 0px; width: 411px; height: 322px; }
    #w-baboax4q .rectangle-css { border-color: rgba(174, 174, 174, 1); border-style: solid; box-shadow: 4px 0px 10px 0px rgba(0, 0, 0, 0.100); background: rgba(255, 255, 255, 1); }
    
    /* Hero Image Mobile */
    #w-5lcikzf7 { top: 371px; left: 10px; width: 400px; height: 319.28934010152284px; }
    #w-5lcikzf7 .image-block-css { border-color: rgba(229, 231, 235, 1); border-style: solid; border-width: 0px; position: absolute; z-index: null; }
    #w-5lcikzf7 .image-background { width: 400px; height: 319.28934010152284px; top: 0px; left: 0px; background: center center/ cover no-repeat scroll content-box border-box url("https://content.pancake.vn/1/s902x720/fwebp/0a/f0/0a/5a/3f9841d1ad7035d70d81b4e5ea8902ee4edea3e7b6edc5c6af83129e-w:1024-h:817-l:55541-t:image/jpeg.jpg"); --type: 0; }
    #w-5lcikzf7 .image-background-compare { background: undefined; clip: rect(0, 200px, 319.28934010152284px, 0); --type: 0; }
    
    /* Additional mobile sections would continue here... */
    
    /* Animation for CTA Button Mobile */
    #w-xn2vlqfe.animation { transform: perspective(1000px); }
    #w-xn2vlqfe.animation .button-css { animation-name: zoomIn; -webkit-animation-name: zoomIn; animation-delay: 0s; -webkit-animation-delay: 0s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-duration: 2s; -webkit-animation-duration: 2s; }
    
    /* Checkout Gallery Mobile */
    .-checkout-gallery .gallery-view-item { background-size: cover !important; }
    .-popup-checkout .-close, .-zoom .-close { width: undefinedpx; height: undefinedpx; }
}