/* Homepage styling inspired by Youth IT; existing shop data and actions retained. */
body.youth-home{--theme:#201052;--theme-dark:#17083f;--p:#201052;--p-dark:#17083f;--gold:#efb940;--theme-soft:#f2f4f8;--theme-footer:#123c59;background:#f2f4f8!important}
.youth-home .hp{background:#f2f4f8!important;padding-bottom:28px}
.youth-home .hw,.youth-home header .container{max-width:1320px!important;padding-left:20px!important;padding-right:20px!important;margin-inline:auto}
.youth-home .hs{margin-bottom:30px!important}
.youth-home .youth-topbar{background:#fff;border-bottom:1px solid #dedee5;font-size:12px;color:#123c59}
.youth-topbar .container{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:32px}
.youth-topbar a{color:#123c59;text-decoration:none}
body.youth-home header#navbar_top .logo-area{background:#f5f5f8!important;border:0!important}
.youth-home header#navbar_top .logo-header{min-height:82px;gap:24px}
.youth-home header#navbar_top .main-logo img{width:155px!important;height:60px!important;object-fit:contain;aspect-ratio:auto!important}
.youth-home header#navbar_top .main-search{flex:1;max-width:none}
.youth-home header#navbar_top .main-search form{border:1px solid #e3e5eb!important;background:#fff!important;border-radius:3px!important;overflow:hidden}
.youth-home header#navbar_top .main-search input{border:0!important;border-radius:0!important;background:#fff!important;min-height:44px}
.youth-home header#navbar_top .main-search button{background:#201052!important;color:#fff!important;border-radius:0!important;min-width:50px}
.youth-home header#navbar_top .menu-area{background:#201052!important;border:0!important;box-shadow:none!important}
.youth-home header#navbar_top .catagory_menu>ul{justify-content:flex-start;gap:0;flex-wrap:wrap}
.youth-home header#navbar_top .catagory_menu>ul>li>a{color:#fff!important;border-radius:0!important;padding:12px 14px!important;font-size:13px!important}
.youth-home header#navbar_top .catagory_menu>ul>li>a:hover{background:#123c59!important}
.youth-home .hero-wrap{display:block!important;min-height:0!important}
.youth-home .hero-main{min-height:0!important;border-radius:0!important;box-shadow:none!important}
.youth-home .hero-slider:not(.owl-loaded){height:auto!important}
.youth-home .hero-slider .item img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:cover!important;background:#fff}
.youth-home .hero-slider .owl-dots{position:absolute;bottom:16px;left:22px;display:flex;gap:6px}
.youth-home .hero-slider .owl-dot span{width:17px!important;height:4px!important;border-radius:0!important;background:#fff!important}
.youth-home .hero-slider .owl-dot.active span{background:#123c59!important}
.youth-home .hero-slider .owl-nav{display:none!important}
.youth-home .youth-notice-section{margin-bottom:28px!important}
.youth-home .youth-notice{display:flex;align-items:center;gap:12px;padding:12px 18px;background:#fff;border:1px solid #d0d6dc;border-radius:24px;color:#333;font-size:14px;line-height:1.7;box-shadow:0 1px 3px #00000010}
.youth-home .trust-strip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;background:#fff;padding:25px 10px;margin:0!important}
.youth-home .trust-card{height:72px!important;min-height:72px!important;max-height:none!important;padding:10px 18px!important;border:0!important;border-right:1px solid #f4dfac!important;border-radius:0!important;box-shadow:none!important;contain:none!important;gap:12px!important;transform:none!important}
.youth-home .trust-card:last-child{border-right:0!important}
.youth-home .trust-icon{background:transparent!important;color:#efb940!important;border:0!important;box-shadow:none!important;width:40px!important;height:40px!important;min-width:40px!important;font-size:29px!important}
.youth-home .trust-text strong{font-size:15px!important;color:#123c59!important;font-family:Arial,sans-serif;height:auto!important}
.youth-home .trust-text span{font-size:11px!important;height:auto!important;color:#626b77!important}
.youth-home .sec-row{display:flex;justify-content:center;position:relative;border:0!important;margin-bottom:25px!important;padding:0!important}
.youth-home .sec-title,.youth-home .deal-title{font-size:23px!important;color:#123c59!important;font-weight:700!important;font-family:Arial,var(--font-body),sans-serif}
.youth-home .sec-title::before,.youth-home .sec-title::after{display:none!important}
.youth-home .sec-title>i{display:none}
.youth-home .sec-row .sec-btn{position:absolute;right:0;background:transparent!important;color:#123c59!important;border:0!important;padding:4px 0!important;min-height:0!important}
.youth-home .youth-category-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px!important}
.youth-home .youth-category-grid .item{min-width:0;display:flex}
.youth-home .youth-category-grid .cat-item{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff!important;border:1px solid #e4e7eb!important;border-radius:12px!important;min-height:135px!important;padding:16px 8px!important;box-shadow:0 2px 7px #123c5910!important}
.youth-home .cat-img-wrap{margin:0 0 12px!important;padding:0!important}
.youth-home .cat-img-bg{width:52px!important;height:52px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.youth-home .cat-img-bg img{width:52px!important;height:52px!important;object-fit:contain!important}
.youth-home .cat-item h4{font-size:13px!important;text-align:center;color:#25384a!important;line-height:1.5}
.youth-home .youth-product-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px!important}
.youth-home .youth-product-grid>.item{display:flex;min-width:0}
.youth-home .p-card{width:100%;border-radius:5px!important;background:#fff!important;border:1px solid #e5e8ec!important;box-shadow:0 2px 5px #123c5908!important;overflow:hidden;transform:none!important}
.youth-home .p-card:hover{border-color:#123c59!important;box-shadow:0 4px 12px #123c5914!important}
.youth-home .p-thumb{padding:14px!important;background:#fff!important;border-bottom:1px solid #edf0f3}
.youth-home .p-thumb img{height:160px!important;width:100%!important;object-fit:contain!important}
.youth-home .p-body{padding:13px 12px!important}
.youth-home .p-name{font-size:13px!important;line-height:1.6!important;min-height:42px!important}
.youth-home .p-name a{color:#243446!important}
.youth-home .p-price-new{color:#123c59!important;font-size:17px!important}
.youth-home .p-price-old{font-size:12px!important;color:#9299a4!important}
.youth-home .p-actions{padding:0 10px 12px!important;gap:6px!important}
.youth-home .btn-now,.youth-home .btn-cart-ic{background:#edf4f8!important;color:#123c59!important;border:1px solid #d6e2eb!important;border-radius:4px!important;box-shadow:none!important;min-height:40px!important;height:40px!important}
.youth-home .btn-now:hover,.youth-home .btn-cart-ic:hover{background:#123c59!important;color:#fff!important}
.youth-home .disc-badge{background:#123c59!important;border-radius:0 0 5px 0!important;font-size:11px!important}
.youth-home .deal-header{background:transparent!important;border:0!important;padding:0!important;display:flex!important;justify-content:center!important;margin-bottom:25px!important;box-shadow:none!important}
.youth-home .deal-timer,.youth-home .deal-header .sec-btn{display:none!important}
.youth-home .deal-header .deal-icon,.youth-home .deal-header .countdown-wrap{display:none!important}
.youth-home .bd-swiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px!important;overflow:visible!important;padding:0!important;scroll-snap-type:none!important}
.youth-home .bd-swiper .swiper-slide{width:auto!important;min-width:0!important}
.youth-home .bd-nav{display:none!important}
@media(max-width:1199px){.youth-home .bd-swiper .swiper-wrapper{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.youth-home .bd-swiper .swiper-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}}
.youth-home .reveal,.youth-home .reveal-scale{opacity:1!important;transform:none!important;content-visibility:visible!important}
.youth-home footer .footer-top{background:#123c59!important}
.youth-home footer .footer-bottom{background:#0e3047!important}
.youth-home .footer_nav{background:#123c59!important;border-top:0!important}
.youth-home .footer_nav ul li a{color:#fff!important}
.youth-home .footer_nav ul li.mobile_home a span:first-child{background:#fff!important;color:#123c59!important}
.youth-home a:focus-visible,.youth-home button:focus-visible{outline:3px solid #efb940;outline-offset:3px}
@media(max-width:1199px){.youth-home .youth-category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.youth-home .youth-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.youth-home .trust-card{padding:10px 8px!important;gap:6px!important}.youth-home .trust-text strong{font-size:13px!important}}
@media(max-width:767px){.youth-home .youth-topbar{display:none}.youth-home .hw{padding-inline:12px!important}.youth-home .hs{margin-bottom:24px!important}.youth-home .hero-slider .item img{height:auto!important;aspect-ratio:auto!important}.youth-home .trust-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px 4px}.youth-home .trust-card{border-right:0!important;padding:8px!important}.youth-home .trust-card:last-child{grid-column:1/-1;justify-content:center}.youth-home .youth-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}.youth-home .youth-category-grid .cat-item{min-height:110px!important;padding:12px 5px!important}.youth-home .cat-item h4{font-size:11px!important}.youth-home .youth-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}.youth-home .sec-title,.youth-home .deal-title{font-size:20px!important}.youth-home .sec-row .sec-btn{position:static;margin-left:auto}.youth-home .youth-notice{font-size:12px;padding:9px 12px}.youth-home header#navbar_top .mobile-header{background:#fff!important}.youth-home .p-thumb img{height:145px!important}.youth-home .trust-text strong{font-size:13px!important}.youth-home .hp{padding-bottom:78px}}
@media(prefers-reduced-motion:reduce){.youth-home *{scroll-behavior:auto!important}}

/* Long administrator announcements wrap within the homepage. */
.youth-home .youth-notice span{min-width:0;white-space:pre-line;overflow-wrap:anywhere}

/* Larger, continuous announcement; pause while reading. */
.youth-home .youth-notice{font-size:18px!important;font-weight:500;line-height:1.8;padding-block:12px!important}
.youth-home .youth-notice>i{flex:0 0 auto}
.youth-home .youth-notice-window{flex:1;min-width:0;overflow:hidden;container-type:inline-size}
.youth-home .youth-notice-track{display:flex;width:max-content;animation:youth-notice-scroll var(--notice-duration,30s) linear infinite;will-change:transform}
.youth-home .youth-notice-track span{display:block;flex:0 0 auto;min-width:100cqw;padding-right:80px;white-space:nowrap;overflow-wrap:normal}
.youth-home .youth-notice:hover .youth-notice-track,.youth-home .youth-notice:focus-within .youth-notice-track{animation-play-state:paused}
@keyframes youth-notice-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){.youth-home .youth-notice{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){.youth-home .youth-notice-track{animation:none;transform:none;width:100%;will-change:auto}.youth-home .youth-notice-track span{min-width:0;padding-right:0;white-space:pre-line;overflow-wrap:anywhere}.youth-home .youth-notice-track span[aria-hidden]{display:none}}