.nav-product-thumb{width:44px;height:44px;object-fit:cover;border-radius:10px;flex-shrink:0}.nav-product-placeholder{display:grid;place-items:center;background:#ede9fe;color:#7c3aed;font-weight:800}.nav-product-copy{min-width:0;overflow-wrap:anywhere}.nav-product-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;color:#64748b;font-weight:400}.dd-item{min-width:0;white-space:normal!important;gap:10px}

        html { scroll-behavior:smooth; }
        .scrollbar-hide::-webkit-scrollbar{display:none}
        .scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
        .grid-pattern{background-image:linear-gradient(rgba(15,22,41,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,22,41,.035) 1px,transparent 1px);background-size:28px 28px}
        .dot-pattern{background-image:radial-gradient(rgba(15,22,41,.08) 1px,transparent 1px);background-size:18px 18px}

        /* Dropdown */
        .nav-dropdown { position:relative; }
        .nav-dropdown-menu {
            display:none;
            position:absolute;
            top:calc(100% + 8px);
            left:50%;
            transform:translateX(-50%);
            background:#fff;
            border:1px solid rgba(15,22,41,.08);
            border-radius:16px;
            box-shadow:0 16px 48px rgba(15,22,41,.12), 0 4px 12px rgba(15,22,41,.06);
            z-index:100;
            min-width:220px;
            padding:6px;
            animation: dropIn .15s ease-out;
        }
        .nav-dropdown-wide {
            min-width:580px;
            left:0;
            transform:none;
        }
        @keyframes dropIn {
            from { opacity:0; transform:translateY(-6px) translateX(-50%); }
            to   { opacity:1; transform:translateY(0)    translateX(-50%); }
        }
        .nav-dropdown-wide.nav-dropdown-menu { animation-name: dropInWide; }
        @keyframes dropInWide {
            from { opacity:0; transform:translateY(-6px); }
            to   { opacity:1; transform:translateY(0); }
        }
        .nav-dropdown:hover .nav-dropdown-menu,
        .nav-dropdown:focus-within .nav-dropdown-menu { display:block; }

        .dd-item {
            display:flex; align-items:center; gap:10px;
            padding:8px 12px; border-radius:10px;
            font-size:13px; font-weight:500; color:#374151;
            transition:background .15s, color .15s;
            text-decoration:none; white-space:nowrap;
        }
        .dd-item:hover { background:#f8fafc; color:#0f1629; }
        .dd-item-icon {
            width:32px; height:32px; border-radius:8px;
            display:flex; align-items:center; justify-content:center;
            flex-shrink:0;
        }
        .dd-badge {
            font-size:9px; font-weight:700; padding:1px 6px;
            border-radius:999px; margin-left:auto;
        }
        .dd-divider { height:1px; background:#f1f5f9; margin:4px 0; }
        .dd-section-title {
            font-size:10px; font-weight:700; color:#94a3b8;
            text-transform:uppercase; letter-spacing:.08em;
            padding:8px 12px 4px;
        }


.public-site>header>div:nth-of-type(2){display:none}.public-site>header>div:last-of-type>nav{max-width:1440px;width:82%;padding-inline:0}.public-site>header>div:first-of-type>div{max-width:1440px;width:82%;padding-inline:0}.public-site>header>div:last-of-type>nav>div:first-child{height:90px}.public-site>header img[alt="Vericod"]{height:39px}.public-site>header nav>div>ul a,.public-site>header nav>div>ul button{font-size:15px;color:#10172b}.home-nav-login{font-size:15px;font-weight:600;border:1px solid #e4e9f3;border-radius:30px;padding:11px 20px;margin:0 5px}.public-site>header nav>div>div>a:last-child{padding:12px 20px;font-size:15px;gap:14px}.public-site>header nav>div>div>a:last-child>span{background:transparent;width:18px;height:18px}
@media(max-width:1350px){.public-site>header>div:last-of-type>nav,.public-site>header>div:first-of-type>div{width:90%}.public-site>header nav>div>ul a,.public-site>header nav>div>ul button{font-size:14px;padding-inline:10px}.home-nav-login{padding:10px 15px}}
@media(max-width:1099px){.public-site>header>div:last-of-type>nav>div:first-child{height:76px}}
@media(max-width:767px){.public-site>header>div:last-of-type>nav>div:first-child{height:66px}.public-site>header img[alt="Vericod"]{height:32px}}
@media(min-width:1200px) and (max-width:1550px){.public-site>header>div:last-of-type>nav,.public-site>header>div:first-of-type>div{width:90%}.public-site>header img[alt="Vericod"]{height:34px}.public-site>header nav>div>ul a,.public-site>header nav>div>ul button{padding-inline:10px;white-space:nowrap}.public-site>header nav>div>ul{flex-shrink:0}.home-nav-login{padding:10px 15px}}
@media(min-width:768px) and (max-width:1199px){.public-site>header nav>div>ul,.public-site>header nav>div>div.hidden.lg\:flex{display:none!important}.public-site #mobile-menu-btn{display:block}.public-site>header>div:last-of-type>nav>div:first-child{height:90px}}

/* Shared page chrome: homepage and domain use the same footer component. */
.public-site>footer{margin-top:0;background:radial-gradient(ellipse at 0 0,#1c2a4d,transparent 65%),#0c1324;border-top:1px solid #ffffff0a}.public-site>footer>div{padding-top:60px}.public-site>footer{margin-top:0;background:radial-gradient(ellipse at 0 0,#1c2a4d,transparent 65%),#0c1324;border-top:1px solid #ffffff0a}.public-site>footer>div{padding-top:60px}
/* Main theme: the shared header and footer are independent of page artwork. */

.public-site>header nav>div>ul>li>a,.public-site>header nav>div>ul>li>button{white-space:nowrap}.public-site>footer>div{width:82%;max-width:1440px;padding-inline:0}

.public-site>header nav>div>ul>li>a[aria-current="page"]{color:#2157ff;background:#edf2ff;border-radius:30px}
/* Active state must not change navigation geometry or reveal the page below. */
.public-site>header>div:last-of-type{background:#fff;backdrop-filter:none}
.public-site>header nav>div>ul>li>a,.public-site>header nav>div>ul>li>button{padding:12px 16px;font-weight:500}
@media(min-width:1200px) and (max-width:1550px){.public-site>header nav>div>ul>li>a,.public-site>header nav>div>ul>li>button{padding:12px 10px}}
@media(max-width:1350px){.public-site>footer>div{width:90%}}@media(max-width:767px){.public-site>footer>div{width:92%}}

.public-site{font-size:17px}
.public-site .text-xs{font-size:13px}
.public-site .text-sm{font-size:15px}
.public-site .text-base{font-size:17px}
.public-site .text-lg{font-size:20px}
.public-site .max-w-7xl{max-width:1504px}
.public-site .text-2xl{font-size:28px}