.announcement-bar{--announcement-bg:rgb(var(--color-primary));--announcement-fg:rgb(var(--bg-primary));z-index:50;background:linear-gradient(135deg, var(--announcement-bg), color-mix(in srgb, var(--announcement-bg) 78%, white));width:100%;color:var(--announcement-fg);box-shadow:0 12px 36px rgb(var(--bg-tertiary)/.18);position:fixed;top:0;left:0}.announcement-bar.info{--announcement-bg:#4eb0ff;--announcement-fg:rgb(var(--bg-primary))}.announcement-bar.success{--announcement-bg:#5bd893;--announcement-fg:rgb(var(--bg-primary))}.announcement-bar.warning{--announcement-bg:#ffcb5c;--announcement-fg:rgb(var(--bg-primary))}.announcement-bar.danger{--announcement-bg:rgb(var(--color-danger));--announcement-fg:#fff}.announcement-bar__content{text-align:center;justify-content:center;align-items:center;gap:14px;min-height:44px;display:flex}.announcement-bar__text{justify-content:center;align-items:center;gap:8px;min-width:0;font-size:14px;line-height:1.7;display:flex}.announcement-bar__text strong{white-space:nowrap}.announcement-bar__text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.announcement-bar__link{background:rgb(var(--bg-primary)/.16);color:inherit;border-radius:10px;flex:none;padding:5px 12px;font-weight:700;transition:all .2s}.announcement-bar__link:hover{background:rgb(var(--bg-primary)/.26);color:inherit}.navbar{z-index:49;border-bottom:1px solid #0000;width:100%;padding-bottom:16px;transition:all .2s;position:fixed;top:0;left:0}.navbar.with-announcement{top:44px}.navbar.fix{background:rgb(var(--bg-primary)/.7);border-color:rgb(var(--bg-secondary)/.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-content{align-items:center;gap:10px;height:88px;display:flex}.navbar-content .input-wrapper{width:100%}.navbar-content .input-wrapper .icon{left:0}.navbar-content .btn{color:rgb(var(--text-secondary))}.navbar-content .mobile-menu__trigger{flex-direction:column;gap:4px;display:none}.navbar-content .mobile-menu__trigger span{background:rgb(var(--text-secondary)/.5);width:22px;height:2px}.navbar-sub{align-items:center;display:flex}.navbar-sub .links{align-items:center;gap:10px;display:flex}.navbar-sub .links .link{color:rgb(var(--text-secondary));cursor:pointer;align-items:center;gap:4px;padding:2px 10px;font-weight:600;display:flex}.navbar-sub .links .link.primary{color:rgb(var(--text-primary))}.navbar-sub .links .link.primary svg{color:rgb(var(--color-primary))}.mega-menu{min-width:400px}.mega-menu-content{grid-template-columns:1fr 1fr 1fr;gap:.125rem 1rem;width:max-content;display:grid}.mega-menu-content .item{color:rgb(var(--text-primary));border-radius:12px;align-items:center;gap:4px;width:100%;padding:8px;transition:all .2s;display:flex}.mega-menu-content .item:hover{background:rgb(var(--bg-primary)/.4);color:rgb(var(--color-primary))}.mega-menu-content .item .icon{background:rgb(var(--bg-secondary)/.5);border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.mega-menu-content .item .icon img{border-radius:6px;width:100%;height:100%}.mega-menu .more{background:rgb(var(--bg-primary)/.3)}.mega-menu .more:hover{background:rgb(var(--color-primary));color:rgb(var(--bg-primary))}.footer{background:rgb(var(--bg-secondary)/.2);margin-top:40px;padding-top:26px}.footer .sections{grid-template-columns:repeat(4,1fr);margin-bottom:20px;display:grid}.footer .sections .col{flex-direction:column;gap:6px;display:flex}.footer .sections .col b{margin-bottom:10px}.footer .sections .col a{color:rgb(var(--text-secondary)/.8);width:fit-content}.footer .sections .col a:hover{color:rgb(var(--color-primary))}.footer .logo-wrapper{color:rgb(var(--text-primary));align-items:center;gap:6px;padding-inline:10px;display:flex}.footer .logo-wrapper .logo{overflow:visible}.footer .logo-wrapper .logo .primary{filter:drop-shadow(0 0 30px rgb(var(--color-primary)))}.footer .info p{color:rgb(var(--text-secondary)/.6);max-width:800px}.footer .cert{background:rgb(var(--bg-secondary)/.2);cursor:pointer;border-radius:14px;place-items:center;width:100px;height:100px;display:grid}.footer .cert img{object-fit:contain;width:70%;height:70%}.footer .socials{align-items:center;gap:6px;display:flex}.footer .socials a{background:rgb(var(--bg-secondary)/.2);width:36px;height:36px;color:rgb(var(--text-secondary));border-radius:12px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex}.footer .socials a:hover{background:rgb(var(--color-primary));color:rgb(var(--bg-primary));transform:scale(1.1)}@media (max-width:767px){.announcement-bar__content{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;min-height:52px;padding-block:6px}.announcement-bar__text{justify-content:flex-start;width:100%;font-size:13px}.announcement-bar__text span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.announcement-bar__link{padding:3px 10px;font-size:12px}.navbar{padding-bottom:0}.navbar.with-announcement{top:52px}.navbar-content .mobile-menu__trigger{display:flex}.navbar-content .logo-wrapper{margin-left:auto}.navbar-content .input-wrapper,.navbar-content .divider,.navbar-content .tickets-btn,.navbar-sub{display:none}.footer .sections{grid-template-columns:repeat(2,1fr);row-gap:20px}}
.product-card{padding-bottom:6px;position:relative}.product-card:hover .thumbnail img{transform:scale(1.1)}.product-card .link{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.product-card .thumbnail{aspect-ratio:1;background:rgb(var(--bg-secondary)/.3);border-radius:40px;width:100%;position:relative;overflow:hidden}.product-card .thumbnail .bg{filter:blur(20px);opacity:.8;position:absolute;top:0;left:0}.product-card .thumbnail .cover{z-index:1;border-radius:40px;padding:8px;position:relative}.product-card .thumbnail img{object-fit:cover;width:100%;height:100%;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.product-card .info{padding-inline:8px}.product-card .info .title{text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:10px;font-size:18px;display:-webkit-box;overflow:hidden}.product-card .info .price-section{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.product-card .info .price-section .price{color:rgb(var(--color-primary));align-items:center;gap:4px;width:fit-content;margin-right:auto;font-size:18px;display:flex;position:relative}.product-card .info .price-section .price .discount{color:rgb(var(--color-danger)/.6);font-size:14px;font-weight:700;text-decoration:line-through;position:absolute;top:-14px;right:0}.product-card .info .price-section .price svg{color:rgb(var(--text-secondary)/.5);margin-top:-4px}.favorite-slider .add-card{aspect-ratio:4/6;background:rgb(var(--bg-secondary)/.2);border:2px dashed rgb(var(--bg-secondary));width:100%;box-shadow:0 10px 30px rgb(var(--bg-tertiary)/.05);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;transition:all .3s;display:flex}.favorite-slider .add-card .icon{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.favorite-slider .add-card:hover{background:rgb(var(--bg-secondary)/.5)}.favorite-slider .add-card:hover .icon{transform:scale(1.6)}.category-slide{padding-bottom:6px}.category-slide .thumbnail{aspect-ratio:4/6;border-radius:18px;width:100%;padding:8px;position:relative;overflow:hidden}.category-slide .thumbnail .bg{filter:blur(20px);opacity:.5;position:absolute;top:0;left:0}.category-slide .thumbnail .cover{z-index:1;border-radius:10px;position:relative}.category-slide .thumbnail img{object-fit:cover;width:100%;height:100%}.category-slide .info{padding-inline:8px}.category-slide .info .title{text-overflow:ellipsis;-webkit-line-clamp:2;text-align:center;font-size:18px;font-family:var(--font-primary-en);-webkit-box-orient:vertical;margin-top:10px;display:-webkit-box;overflow:hidden}.featured-slider{gap:16px;display:flex}.featured-slider.left{flex-direction:row-reverse}.featured-slider.left .featured-slider__banner:hover{transform:skew(3deg)}.featured-slider.left .featured-slider__banner .arrow{left:unset;right:-2px}.featured-slider__banner{background:var(--color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:0px solid rgb(var(--bg-primary)/.5);border-radius:24px;flex-direction:column;align-items:center;width:230px;height:330px;padding:30px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.featured-slider__banner:after{background:rgb(var(--color));filter:blur(30px);content:"";z-index:-1;opacity:0;border-radius:10px;width:80%;height:30px;transition:all .5s;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.featured-slider__banner:hover{border-bottom-width:8px;transform:skew(-3deg)}.featured-slider__banner:hover:after{opacity:1}.featured-slider__banner .text{text-align:center;margin-top:auto;font-size:28px;font-weight:700;line-height:1.2}.featured-slider__banner .link{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.featured-slider__banner .arrow{width:fit-content;height:fit-content;position:absolute;bottom:0;left:-2px}.featured-slider__banner .arrow svg{width:fit-content;height:170px}.featured-slider .swiper{border-radius:24px;width:calc(100% - 230px)}.contact-us .info{background:rgb(var(--bg-secondary)/.2);border-radius:12px;align-items:center;gap:6px;padding:10px 16px;line-height:1.5;text-decoration:none;display:flex}.contact-us .info:hover .icon{filter:drop-shadow(0 0 8px rgb(var(--color-primary)));transform:translate(10px,-20px)rotate(15deg)scale(2)}.contact-us .info:hover .icon,.contact-us .info:hover b{color:rgb(var(--color-primary))}.contact-us .info .icon{color:rgb(var(--text-secondary)/.5);transform-origin:0 100%;width:22px;height:22px;transition:all .3s}.contact-us .info .title{color:rgb(var(--text-secondary)/.5);font-size:13px}.contact-us .info b{font-size:16px;font-weight:400;font-family:var(--font-primary-en);direction:ltr;transition:all .3s}@media (max-width:767px){.featured-slider,.featured-slider.left{flex-direction:column-reverse}.featured-slider__banner{flex-direction:row;justify-content:center;gap:20px;width:100%;height:fit-content}.featured-slider__banner .text{margin-block:auto}.featured-slider__banner .arrow{display:none}.featured-slider .swiper{width:100%}}
