
/* Visual layer over the original Pro theme: no commerce logic changes. */
.am-page{--am-blue:var(--cl-accent);font-family:'Cairo',Tahoma,Arial,sans-serif;color:#f5f7ff}
.am-page .am-hero{background:radial-gradient(ellipse at 20% 30%,#1938b733,transparent 49%),linear-gradient(180deg,#090d19,#070910)}
.am-page .am-wrap{max-width:1220px}.am-page .am-hero p{line-height:2.1}.am-page .am-hero h1{font-family:'Cairo',Tahoma,sans-serif;font-weight:900;line-height:1.5}
.am-page .navbar{background:#090d17ed;backdrop-filter:blur(16px);border-bottom:1px solid #26314a;padding:13px 0}
.am-page .navbar .navbar-brand{display:flex;align-items:center;gap:10px;font-size:17px;color:#f5f7ff}
.am-page .navbar .navbar-brand img{height:49px;width:49px;object-fit:contain}
.am-page .navbar .nav-link{font-size:13px;color:#aab6d2;padding-inline:13px}
.am-page .navbar .nav-link:hover{color:#fff}
.am-page .announcement{background:#2036a2;color:#e5ecff}
.am-page .btn{border-radius:9px;transition:transform .2s,border-color .2s}
.am-page .btn-primary{background:linear-gradient(125deg,#486aff,#2444d8);border-color:#6682ff;box-shadow:0 8px 25px #254eff20}
.am-page .btn-outline-primary{color:#d3ddff;border-color:#344b91;background:#15214466}
.am-page .btn-primary:hover{background:#526fff;border-color:#99adff}
.am-page .btn-outline-primary:hover{color:white;background:#2946b0}
.am-page .section-title h2{font-size:clamp(26px,3vw,38px);font-weight:800;text-align:start;line-height:1.6}
.am-page .section-subtitle{text-align:start;color:#a2acc5}
.am-page .am-native-catalog{scroll-margin-top:120px}
.am-page .am-native-catalog h2{font-size:clamp(28px,3vw,40px);font-weight:800}
.am-search-label{font-size:11px;display:block;color:#97a9d0;margin-bottom:8px}
.am-page .am-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0}
.am-page .am-catalog-grid>div{width:auto;padding:0;margin-bottom:0!important;min-width:0}
.am-page .products .card{border:1px solid #253047;background:linear-gradient(145deg,#11182a,#0c1120);border-radius:14px;overflow:hidden;height:100%;box-shadow:0 14px 35px #0002}
.am-page .products .card:hover{border-color:#5e7be2;transform:translateY(-5px)}
.am-page .products .card .card-img-top{overflow:hidden;background:#11182b}
.am-page .products .card .card-img-top img{transition:transform .4s;width:100%}
.am-page .products .card:hover .card-img-top img{transform:scale(1.035)}
.am-page .products .card .card-body{padding:18px}
.am-page .products .card .card-title{font-size:15px;line-height:1.8;color:#eff3ff}
.am-page .products .card .info{flex-wrap:wrap;white-space:normal;gap:8px;font-size:11px;margin-bottom:10px}
.am-page .products .card .info .price{white-space:normal;color:#ced9ff;font-weight:700}
.am-page .products .card .info .price s{font-size:10px}
.am-page .am-native-catalog .am-section-head p{font-size:13px;color:#a2acc5}
.am-page .modal-content{background:#101726;border:1px solid #334569;border-radius:16px;color:#eff3ff}
.am-page .form-control,.am-page .form-select,.am-page .input-group-text{background-color:#0b1220;border-color:#2c3954;color:#e8eeff;border-radius:8px}
.am-page .form-control::placeholder{color:#8190ae}
.am-page .card:not(.products .card){border-color:#26324b;background-color:#0e1525;border-radius:13px}
.am-page .footer{background:#070a12;border-top:1px solid #273047}
.am-page .footer .logo img{max-height:65px!important;height:65px;object-fit:contain}
.am-page .footer h5{color:#d9e3ff;font-weight:700}
.am-page .footer .nav-link{color:#95a4c4;font-size:12px}
.am-page .footer .nav-link:hover{color:#c5d2ff}
.am-page .feedback-card{background:#10182b;border:1px solid #26324b;border-radius:13px}
.am-page .am-feature p,.am-page .am-step p,.am-page .am-faq-grid details p{line-height:2.1}
.am-page .am-hero h1 em{display:inline-block}
.am-page .am-no-results{color:#adbddd}
@media(min-width:1400px){.am-page .container{max-width:1220px}}
@media(max-width:991px){.am-page .am-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.am-page .navbar-collapse{padding-block:16px}.am-page .navbar .navbar-nav{gap:10px}}
@media(max-width:700px){.am-page .am-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.am-page .products .card .card-body{padding:12px}.am-page .products .card .card-title{font-size:12px}.am-page .products .card .info{font-size:10px}.am-page .navbar .navbar-brand{font-size:13px}.am-page .navbar .navbar-brand img{width:38px;height:38px}.am-page .am-hero h1{font-size:42px}.am-page .py-20{padding-block:50px}}
@media(prefers-reduced-motion:reduce){.am-page *{scroll-behavior:auto!important;transition:none!important}}

.am-page .am-copyright{border-top:1px solid #26324b;padding-block:22px;text-align:center}
.am-page .am-copyright p{margin:0;color:#a9b8d4;font-size:12px;line-height:1.9}
@media(max-width:600px){.am-page .am-copyright{padding-block:18px}.am-page .am-copyright p{font-size:11px}}

/* Main page scrollbar matches the blue reference storefront. */
html{scrollbar-width:thin;scrollbar-color:#244ae0 #080b12}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:7px;height:7px}
html::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#080b12}
html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#244ae0;border-radius:10px}
html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:#4b6dff}
@media(forced-colors:active){html{scrollbar-color:auto}}
