@layer global-ui {
html body dialog.seasonal-dialog{width:min(1050px,96vw)!important;max-width:96vw!important;max-height:96dvh!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#3c5355!important;overflow:auto!important;font-family:ShopKei,sans-serif!important}
html body dialog.seasonal-dialog::backdrop{background:#17272bd0!important}
html body dialog.seasonal-dialog *{box-sizing:border-box!important}
html body dialog.seasonal-dialog .seasonal-panel{min-height:460px!important;padding:11% 5% 6%!important;background:transparent url(assets/seasonal-shop-ui-v1/panel.webp) center/100% 100% no-repeat!important;border:0!important;margin:0!important;display:block!important}
html body dialog.seasonal-dialog .seasonal-panel header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0 0 12px!important;padding:0!important;background:transparent!important;border:0!important;height:auto!important;min-height:0!important;box-shadow:none!important}
html body dialog.seasonal-dialog h2{font-size:25px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;color:#3c5355!important;line-height:1.4!important}
html body dialog.seasonal-dialog h3{font-size:17px!important;line-height:1.45!important;margin:8px 0!important;padding:0!important;background:none!important;color:#3c5355!important;overflow-wrap:anywhere!important}
html body dialog.seasonal-dialog p{font-size:15px!important;line-height:1.6!important;margin:8px 0!important;color:#3c5355!important}
html body dialog.seasonal-dialog .seasonal-content{min-height:120px!important}
html body dialog.seasonal-dialog .seasonal-button{min-height:48px!important;padding:10px 27px!important;color:#3c5355!important;font-family:ShopKei,sans-serif!important;font-size:15px!important;font-weight:bold!important;border:0!important;border-radius:0!important;background:transparent url(assets/seasonal-shop-ui-v1/normal.webp) center/100% 100% no-repeat!important;cursor:pointer!important;box-shadow:none!important;white-space:normal!important;line-height:1.35!important;opacity:1!important}
html body dialog.seasonal-dialog .seasonal-button:hover:not(:disabled),html body dialog.seasonal-dialog .seasonal-button[aria-selected=true]{background-image:url(assets/seasonal-shop-ui-v1/selected.webp)!important}
html body dialog.seasonal-dialog .seasonal-button:active:not(:disabled){background-image:url(assets/seasonal-shop-ui-v1/pressed.webp)!important}
html body dialog.seasonal-dialog .seasonal-button:disabled{background-image:url(assets/seasonal-shop-ui-v1/disabled.webp)!important;color:#53585c!important;cursor:default!important}
html body dialog.seasonal-dialog .seasonal-button:focus-visible{outline:3px solid #846b34!important;outline-offset:2px!important}
html body dialog.seasonal-dialog .seasonal-close{min-width:100px!important}
html body dialog.seasonal-dialog .seasonal-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
html body dialog.seasonal-dialog .seasonal-products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html body dialog.seasonal-dialog .seasonal-card{background:transparent url(assets/seasonal-shop-ui-v1/card.webp) center/100% 100% no-repeat!important;padding:26px 18px 24px!important;text-align:center!important;min-width:0!important;border:0!important;margin:0!important;box-shadow:none!important}
html body dialog.seasonal-dialog .seasonal-card img{max-width:100%!important;object-fit:contain!important}
html body dialog.seasonal-dialog .seasonal-category-grid .seasonal-card{padding:28px 24px!important;min-height:180px!important}
html body dialog.seasonal-dialog .seasonal-category-grid img{display:block!important;height:100px!important;width:100%!important;margin:8px auto!important}
html body dialog.seasonal-dialog .seasonal-product-art{height:105px!important;display:grid!important;place-items:center!important;font-size:13px!important}
html body dialog.seasonal-dialog .seasonal-product-art img{width:100%!important;height:105px!important}
html body dialog.seasonal-dialog .seasonal-card .seasonal-button{width:100%!important;font-size:14px!important}
html body dialog.seasonal-dialog .seasonal-balance{text-align:right!important;font-size:15px!important;font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important}
html body dialog.seasonal-dialog .seasonal-tabs{display:flex!important;flex-wrap:wrap!important;gap:12px!important}
html body dialog.seasonal-dialog .seasonal-empty{text-align:center!important;padding:30px!important}
html body dialog.seasonal-dialog .seasonal-panel footer{display:flex!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important;margin:18px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body dialog.seasonal-dialog footer button{min-width:170px!important}
@media(max-width:540px){html body dialog.seasonal-dialog .seasonal-panel{padding:15% 6% 9%!important;min-height:480px!important}html body dialog.seasonal-dialog h2{font-size:20px!important}html body dialog.seasonal-dialog .seasonal-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}html body dialog.seasonal-dialog .seasonal-card{padding:23px 12px!important}html body dialog.seasonal-dialog h3{font-size:14px!important}html body dialog.seasonal-dialog .seasonal-card .seasonal-button{font-size:13px!important;padding-inline:16px!important}html body dialog.seasonal-dialog .seasonal-category-grid{grid-template-columns:1fr!important}html body dialog.seasonal-dialog .seasonal-close{min-width:86px!important;padding-inline:20px!important}html body dialog.seasonal-dialog footer button{min-width:140px!important}}
@media(max-height:500px) and (min-width:541px){html body dialog.seasonal-dialog .seasonal-panel{padding:8% 5% 5%!important;min-height:340px!important}html body dialog.seasonal-dialog h2{font-size:20px!important}html body dialog.seasonal-dialog .seasonal-product-art,html body dialog.seasonal-dialog .seasonal-product-art img{height:75px!important}html body dialog.seasonal-dialog .seasonal-card{padding:20px 15px!important}html body dialog.seasonal-dialog header{margin-bottom:8px!important}}
}

@layer global-ui {html body dialog.seasonal-dialog .seasonal-panel header{flex-direction:row!important}html body dialog.seasonal-dialog{overflow-y:auto!important;overflow-x:hidden!important}html body dialog.seasonal-dialog .seasonal-panel{padding-top:12%!important}html body dialog.seasonal-dialog .seasonal-panel footer{position:static!important;visibility:visible!important} }
@layer global-ui {
html body dialog.seasonal-dialog .seasonal-panel{padding:14px 14px 18px!important;border-style:solid!important;border-width:105px 42px 70px!important;border-image-source:url(assets/seasonal-shop-ui-v1/panel.webp)!important;border-image-slice:180 100 130 fill!important;border-image-width:105px 42px 70px!important;border-image-repeat:stretch!important;background:none!important}
@media(max-width:700px){html body dialog.seasonal-dialog .seasonal-panel{padding:12px 8px!important;border-width:65px 23px 44px!important;border-image-width:65px 23px 44px!important}}
}
@layer global-ui {html body dialog.seasonal-dialog .seasonal-products .seasonal-card{padding-bottom:36px!important}html body dialog.seasonal-dialog .seasonal-products .seasonal-card .seasonal-button{width:calc(100% - 12px)!important;margin-inline:6px!important}}