.navbar{padding-top:0;padding-bottom:0}.navbar .nav-item{padding:0;margin:0 1rem}.navbar .nav-item .nav{padding:0;margin:0 0 0 10px}.navbar .nav-item .nav-item{list-style-type:none;margin:0}.navbar .dropdown-menu .col-pad2{padding:5px 9px;background-color:#fff}.navbar .dropdown-menu .cat-main{font-weight:600;color:#000;font-size:13px;padding:6px 8px;display:block;text-transform:uppercase}.navbar .dropdown-menu .nav-item .nav-link{color:#000;padding:0;font-size:14px;font-weight:400;line-height:30px}.navbar .nav-item .nav-link{color:#2f2b2e;padding:15px 2px;font-size:15px;position:relative}.navbar .nav-item .nav-link:hover{color:#99224e}.navbar .nav-item .nav-link:after{display:none;margin-left:.255em;vertical-align:.255em;content:"";font-family:Material Icons;content:"expand_more"}.navbar .nav-item .nav-link .caret{width:20px;height:20px;position:absolute;font-size:20px;top:10px;right:7px}.navbar .nav-item .nav-link .caret:after{margin-left:.255em;vertical-align:.255em;content:"";font-family:Material Design Icons;content:"\f140"}.navbar .nav-item .nav-link .caret:before{display:none;margin-left:.255em;vertical-align:.255em;content:"";font-family:Material Design Icons;content:"\f143"}.navbar .nav-item .nav-link:hover .caret:after{display:none}.navbar .nav-item .nav-link:hover .caret:before{display:block}.navbar .dropdown-menu div[class*=col]{margin-bottom:1rem}.navbar .dropdown-menu{border:none;background-color:#fff!important;overflow:hidden}@media screen and (min-width: 1080px){.navbar .dropdown{position:static}.navbar .dropdown-menu{width:95%;left:0;right:0;top:50px;margin:0 auto;padding:7px 8px;overflow:hidden}.navbar .dropdown:hover .dropdown-menu,.navbar .dropdown .dropdown-menu:hover{display:block!important}.navbar .dropdown-menu{border:0px solid rgba(0,0,0,.15);background-color:#fff;box-shadow:0 2px 4px #00000042}}@media (max-width: 1024px){header .top-navi{display:none}}@media (max-width: 992px){.navbar-collapse{position:absolute;top:46px;left:-100%;padding-bottom:15px;width:70%;transition:all .3s ease;display:block}.navbar-collapse.collapsing{height:auto!important;margin-right:50%;transition:all .3s ease;display:block}.navbar-collapse.show{left:0}.navbar-dark .navbar-nav .nav-link:hover{color:#000}.navbar .nav-item{padding:0;margin:0}.navbar .dropdown-menu .nav-item .nav-link{padding:0 10px}.navbar .dropdown-menu .cat-main{padding:7px 6px;background-color:#2f2e2e}.navbar-dark .navbar-nav .nav-link{font-size:11px}.navbar .nav-item .nav-link .caret{font-size:18px;top:4px}}.newtg{top:-10px;font-size:14px;color:#ffc107}
/*# sourceMappingURL=/s/files/1/0748/8756/1496/files/navi.css.map?v=1736664265 */

/* EXTRA DESIGN ADDED IN DESKTOP AND MOBILE NAVIATION / MENU  START */
.nav-link.active-cat { color: #db2777 !important; font-weight: 700; position: relative; padding-left: 20px; text-shadow: 0 0 8px rgba(219,39,119,0.4); animation: textPulse 2.5s ease-in-out infinite; } /* Animated gradient underline */ .top-navi .nav.flex-column .nav-link.active-cat:after { content: ""; position: absolute; left: 0; bottom: -4px; width: 100%; height: 3px; background: linear-gradient(90deg, #f59e0b, #db2777, #f59e0b); background-size: 2000%; animation: moveGradient 3s linear infinite; border-radius: 10px; } /* Tiny sparkle icon on the left (FontAwesome or fallback ✨) */ .top-navi .nav.flex-column .nav-link.active-cat:before { content: "\f005"; /* fa-star icon */ font-family: "FontAwesome"; position: absolute; left: 0; top: 2px; font-size: 12px; color: #f59e0b; animation: sparkle 1.6s ease-in-out infinite; } /* Gradient movement animation */ @keyframes moveGradient { 0% { background-position: 0P%; } 50% { background-position: 100P%; } 100% { background-position: 0P%; } } /* Soft pulsing glow on text */ @keyframes textPulse { 0%, 100% { text-shadow: 0 0 6px rgba(219,39,119,0.3); } 50% { text-shadow: 0 0 12px rgba(219,39,119,0.6); } } /* Sparkle icon shimmer */ @keyframes sparkle { 0%, 100% { transform: scale(1); opacity: 0.8; color: #f59e0b; } 50% { transform: scale(1.3) rotate(12deg); opacity: 1; color: #db2777; } } .navbar .dropdown-menu { top: 35px !important; } .top-navi .dropdown-menu { opacity: 0; transform: translateY(8px); visibility: hidden; transition: all .25s ease; border: 0; box-shadow: 0 18px 40px rgba(0,0,0,.12); border-radius: 14px; } .top-navi .nav-item.dropdown:hover > .dropdown-menu { opacity: 1; transform: translateY(0); visibility: visible; } /* ====== MENU COLUMNS ====== */ .top-navi .dropdown-menu .row > [class*="col-"] { padding-top: 8px; padding-bottom: 8px; } .top-navi .cat-main { display: block; font-weight: 700; text-transform: uppercase; font-size: 12px; color: #0f172a; letter-spacing: .3px; margin-bottom: 6px; position: relative; } .top-navi .cat-main:after { content: ""; position: absolute; left: 0; bottom: -6px; width: 28px; height: 3px; background: linear-gradient(90deg, #db2777, #f59e0b); border-radius: 8px; } /* ====== LINK STYLE + HALF UNDERLINE ====== */ .top-navi .nav.flex-column .nav-link { padding: .28rem 0; color: #334155; font-size: 14px; line-height: 1.2; position: relative; transition: color .2s ease;font-weight: 600; } .top-navi .nav.flex-column .nav-link:hover { color: #111827; } .top-navi .nav.flex-column .nav-link:after { content: ""; position: absolute; left: 0; bottom: -2px; height: 2px; width: 52%; background: #db2777; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; } .top-navi .nav.flex-column .nav-link:hover:after { transform: scaleX(1); } .top-navi .nav.flex-column .nav-link:before { content: "\f105"; font-family: "FontAwesome","Arial"; margin-right: 8px; opacity: .6; font-size: 12px; } /* ====== TRENDING SEARCH STRIP ====== */ .oyg-trend-wrap { padding:10px 5px 15px; } .oyg-trend-title { font-weight: 700; font-size: 13px; text-transform: uppercase; color: #0f172a; margin-bottom: 8px; letter-spacing: .3px; } .oyg-trend-list { display: flex; flex-wrap: wrap; margin: -6px; } .oyg-trend-list a { margin: 6px; padding: 6px 10px; border: 1px dashed #f59e0b; border-radius: 999px; font-size: 12.5px; color: #7c2d12; background: #fff7ed; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; } .oyg-trend-list a:hover { transform: translateY(-2px); box-shadow: 0 8px 16px rgba(245,158,11,.18); background: #fffbeb; } /* ====== BRAND MARQUEE ====== */ .oyg-brand-bar { position: relative; overflow: hidden; background: #f8fafc; border-radius: 12px; padding: 8px 0; margin: 10px 0 2px; border: 1px solid #e5e7eb; } .oyg-brand-track { display: flex; gap: 24px; align-items: center; animation: oyg-scroll 22s linear infinite; will-change: transform; } .oyg-brand-item { flex: 0 0 auto; filter: grayscale(.1); opacity: .9; } .oyg-brand-item img { height: 28px; width: auto; display: block; } .oyg-brand-bar:hover .oyg-brand-track { animation-play-state: paused; } @keyframes oyg-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* ====== PROMO IMAGE CARD ====== */ .oyg-promo { position: relative; border-radius: 14px; overflow: hidden; border: 1px solid #e5e7eb; transition: transform .25s ease, box-shadow .25s ease; } .oyg-promo:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(0,0,0,.12); } .oyg-promo img { width: 100%; height: auto; display: block; } .oyg-promo-badge { position: absolute; top: 10px; left: 10px; background: #db2777; color: #fff; font-weight: 700; font-size: 11px; padding: 4px 8px; border-radius: 999px; } .oyg-promo-cta { position: absolute; right: 10px; bottom: 10px; background: #111827; color: #fff; font-size: 12px; font-weight: 700; padding: 6px 10px; border-radius: 999px; } /* ====== TOP NAV GLINT ====== */ .top-navi .navbar-dark .navbar-nav .nav-link { position: relative; padding: 9px 3px; transition: color .25s ease; } .top-navi .navbar-dark .navbar-nav .nav-link:after { content: ""; position: absolute; left: 10%; right: 10%; bottom: 6px; height: 2px; background: linear-gradient(90deg,#f59e0b,#db2777); border-radius: 2px; transform: scaleX(0); transform-origin: center; transition: transform .3s ease; } .top-navi .navbar-dark .navbar-nav .nav-link:hover:after { transform: scaleX(1); } /* ====== MOBILE SIDE NAV + POLISH ====== */ .mob-navi-set .modal-content { border-radius: 0 0 14px 14px; border: 0; } .mob-navi-set .all-names { display: block; padding: 12px 8px; border-bottom: 1px dashed #e5e7eb; } .mob-navi-set .all-names .mdi { transition: transform .25s ease; } .mob-navi-set .all-names:active .mdi { transform: rotate(90deg) scale(1.15); } /* ====== RESPONSIVE BEHAVIOR ====== */ @media (min-width:1200px){ .top-navi .dropdown-menu { min-width: 960px; } } /* ====== MOBILE MENU (CSS-ONLY ACCORDION) ====== */ @media (max-width: 991.98px) { .mob-navi-set .modal-dialog { margin: 0; max-width: 100%; height: 100%; } .mob-navi-set .modal-content { height: 100%; border: 0; border-radius: 0; display: flex; flex-direction: column; background: #fff; } .mob-navi-set .modal-header { border: 0;  position: sticky; top: 0; z-index: 10; background: #fff; box-shadow: 0 8px 20px rgba(2,6,23,.06); } .mob-navi-set .mob-nav ul { display: flex; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none; } .mob-navi-set .mob-nav a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 12px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 999px; font-size: 13px; color: #0f172a; } .oyg-mob-search { display: flex; align-items: center; gap: 8px; margin-top: 10px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px; padding: 8px 10px; } .oyg-mob-search input { border: 0; outline: none; background: transparent; width: 100%; font-size: 14px; } .mob-navi-set .modal-body { padding: 8px 12px 80px; overflow: auto; -webkit-overflow-scrolling: touch; } .mob-navi-set .all-names { display: flex; align-items: center; gap: 10px; padding: 14px 6px; border-bottom: 1px dashed #e5e7eb; color: #0f172a; font-weight: 600; text-transform: none; } .mob-navi-set .all-names img.mobile-nav-vector { width: 30px; height: 25px; object-fit: contain; flex: 0 0 22px; } .mob-navi-set .all-names .mdi { margin-left: auto; opacity: .7; transition: transform .25s ease, opacity .25s ease; } .divide-cat ul { list-style: none; padding-left: 0; margin: 0; } .divide-cat ul > li > ul { max-height: 0; overflow: hidden; transition: max-height .35s ease, opacity .25s ease; opacity: 0; padding-left: 10px; } .divide-cat ul > li > a.all-names:focus + ul, .divide-cat ul > li > a.all-names:active + ul, .divide-cat ul > li:focus-within > ul { max-height: 900px; opacity: 1; } .divide-cat ul > li:focus-within > a.all-names .mdi, .divide-cat ul > li > a.all-names:focus .mdi { transform: rotate(45deg) scale(1.05); opacity: 1; } .divide-cat li ul a { display: block; padding: 10px 8px; color: #334155; font-size: 14.5px; border-bottom: 1px dashed #f1f5f9; position: relative; } .divide-cat li ul a:after { content: ""; position: absolute; left: 8px; bottom: 6px; width: 40%; height: 2px; background: #db2777; transform: scaleX(0); transform-origin: left; transition: transform .25s ease; } .divide-cat li ul a:hover { color: #111827; } .divide-cat li ul a:hover:after { transform: scaleX(1); } .oyg-mob-trend { margin: 12px 0 6px; } .oyg-mob-trend .title { font-size: 12px; text-transform: uppercase; font-weight: 700; color: #0f172a; margin-bottom: 8px; } .oyg-mob-trend .pills { display: flex; flex-wrap: wrap; gap: 8px; } .oyg-mob-trend .pills a { font-size: 12.5px; padding: 6px 10px; border: 1px dashed #f59e0b; border-radius: 999px; background: #fff7ed; color: #7c2d12; } .oyg-mob-brands { margin: 8px 0 14px; background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 10px; overflow: hidden; } .oyg-mob-brands .track { display: flex; gap: 18px; padding: 8px 12px; align-items: center; animation: oyg-mob-scroll 18s linear infinite; will-change: transform; } .oyg-mob-brands img { height: 22px; width: auto; display: block; opacity: .9; filter: grayscale(.1); } .oyg-mob-brands:active .track { animation-play-state: paused; } @keyframes oyg-mob-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } .oyg-mob-promo { position: relative; display: block; overflow: hidden; border-radius: 12px; border: 1px solid #e5e7eb; } .oyg-mob-promo img { width: 100%; height: auto; display: block; } .oyg-mob-promo .badge { position: absolute; left: 10px; top: 10px; background: #db2777; color: #fff; font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 999px; } .oyg-mob-promo .cta { position: absolute; right: 10px; bottom: 10px; background: #111827; color: #fff; font-size: 12px; font-weight: 700; padding: 6px 10px; border-radius: 999px; } .oyg-dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: #fff; border-top: 1px solid #e5e7eb; display: flex; justify-content: space-around; padding: 8px 6px; box-shadow: 0 -8px 20px rgba(2,6,23,.06); } .oyg-dock a { flex: 1; text-align: center; font-size: 12px; color: #0f172a; display: flex; flex-direction: column; gap: 2px; } .oyg-dock i { font-size: 18px; opacity: .85; } } .mob-navi-set .mob-nav ul li a { color: #262121 !important;}
/* EXTRA DESIGN ADDED IN DESKTOP AND MOBILE NAVIATION / MENU  END */


/*navi mob start*/
.top-view-block{display:none}.top-view-block .top-view-block-in{width:100%;overflow:auto;margin-top:0}.top-view-block .top-view-block-in::-webkit-scrollbar{display:none}.top-view-block .top-view-block-in ul{padding:11px 5px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;margin:0}.top-view-block .top-view-block-in ul li{margin:4px 9px 3px 0;border-radius:4px;overflow:hidden;display:inline-block;padding:0 9px;text-align:center}.top-view-block .top-view-block-in ul li .img-bock{width:50px;border-radius:10px;overflow:hidden;height:50px;margin:0 auto}.top-view-block .top-view-block-in ul li .img-bock img{width:100%;margin:0 auto}.top-view-block .top-view-block-in ul li h3{margin:9px 0 0;font-size:14px;color:#000;padding:0;font-weight:400;text-transform:uppercase}.mob-btn-set{display:none;top:0;left:0;position:absolute}.mob-btn-set .open-menu{width:37px;padding:14px 6px;background-color:transparent;color:#ffffff;border-radius:0;border:none;display:block;font-size:30px}.mob-btn-set .open-menu span{width:100%;height:1px;background-color:#fff;display:block;margin:4px 0}.mob-navi-set{position:fixed;top:0;z-index:10000}.mob-navi-set .mob-nav{background-color:#3f3947;padding:15px}.mob-navi-set .mob-nav .use-pic{width:20%;border-radius:4px;overflow:hidden;margin:13px 0}.mob-navi-set .mob-nav ul{margin:0;padding:0}.mob-navi-set .mob-nav ul li{list-style-type:none}.mob-navi-set .mob-nav ul li a{font-size:16px;color:#fff;padding-right:13px}.mob-navi-set .modal.right .modal-dialog{position:fixed;margin:auto;width:320px;height:100%;-webkit-transform:translate3d(0%,0,0);-ms-transform:translate3d(0%,0,0);-o-transform:translate3d(0%,0,0);transform:translateZ(0)}.mob-navi-set .modal.right .modal-content{height:100%;overflow-y:auto;background-color:#fff}.mob-navi-set .modal.right .modal-body{padding:0}.mob-navi-set .modal.right.fade .modal-dialog{left:-320px;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out;width:67.5%;background-color:#000}.mob-navi-set .modal.right.fade.show .modal-dialog{left:0;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}.mob-navi-set .modal-content{border-radius:0;border:none}.mob-navi-set .modal-header{display:block;padding:0}.mob-navi-set .modal-header .modal-title{display:block;font-weight:100;text-transform:uppercase;font-size:26px;padding:5px 0}.mob-navi-set .modal-header .modal-title b{font-weight:600}.mob-navi-set .modal-header hr{border-top:3px solid rgba(0,0,0,.62);margin:0;display:inline-block;width:19%}.mob-navi-set .close{position:absolute;right:-38px;opacity:1;background-color:#3f3947;color:#fff;padding:7px 12px;z-index:1000000}.mob-navi-set .divide-cat .cat-type .main-name{display:block;font-size:16px;font-weight:600;padding:8px 0;border-bottom:#c3c2c2 1px solid;margin-bottom:13px}.mob-navi-set .divide-cat .cat-type .all-names{font-size:14px;display:block;margin:0;text-decoration:none;color:#1f1f1f;padding:15px 11px;font-weight:500;text-transform:uppercase}.mob-navi-set .divide-cat .cat-type .all-names i{float:right}.mob-navi-set .divide-cat .cat-type ul{margin:0;display:none;width:100%;padding-left:12px;background-color:#fff7fe}.mob-navi-set .divide-cat .cat-type ul li{list-style-type:none}.mob-navi-set .divide-cat .cat-type ul li a{font-size:15px;color:#a10a8e;display:block;padding:12px 6px;font-weight:300}.mobile-nav-vector{display:inline!important;padding:0 10px 0 0}.desktop-nav-vector{display:inline!important;padding:0 5px 0 0}@media screen and (max-width: 1080px){.mob-btn-set{display:block;top:0}.mob-btn-set .open-menu{width:46px;padding:12px 9px;display:block}}@media screen and (max-width: 900px){.mob-btn-set .open-menu{width:40px;padding:7px 9px;display:block}.top-view-block{display:block}}
/*navi mob end*/