.storebar{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:10px;padding:13px 5.4%;background:#0b121de9;backdrop-filter:blur(20px);border-bottom:1px solid #a6ebfa27;overflow:auto;scrollbar-width:none}.storebar::-webkit-scrollbar{display:none}.storebar button{flex:none;border:1px solid #97bacc30;color:#bdcedc;background:#ffffff08;padding:11px 17px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:.04em}.storebar button:hover,.storebar button.current{color:#06121b;background:#a4eaf9;border-color:#a4eaf9}.store-status{margin-left:auto;color:#7c96a6;font-size:10px;white-space:nowrap}.catalogtools{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin:0 0 30px}.catalogtools input,.catalogtools select,.admin-field input,.admin-field select,.admin-field textarea,.checkoutform input,.checkoutform select{width:100%;background:#14212d;border:1px solid #ffffff2e;border-radius:6px;padding:15px;color:#eef9ff;outline:0}.catalogtools select{min-width:130px}.catalogtools button{background:#a5ebf8;color:#08141e;border:0;border-radius:6px;padding:0 21px;font-weight:800}.catalog-counter{font-size:12px;color:#9bb1c0;margin:-15px 0 24px}.cataloggrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.catalog-item{background:#f6f7f6;color:#0d1b25;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.catalog-item .visual{aspect-ratio:1/1;background:radial-gradient(circle,#d9eff4,#d9e0e4);display:grid;place-items:center;position:relative;overflow:hidden}.catalog-item .visual img{width:100%;height:100%;object-fit:contain;padding:16px;mix-blend-mode:multiply}.catalog-item .visual .fallback{font-size:70px;filter:drop-shadow(4px 8px 6px #0003)}.catalog-item .content{padding:19px;display:flex;flex-direction:column;flex:1}.catalog-item .brand{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#64808d}.catalog-item h3{font-size:14px;line-height:1.5;font-weight:700;min-height:60px;margin:9px 0 17px}.catalog-item .bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:8px}.catalog-item .bottom b{font-size:19px}.catalog-item .bottom button{border:0;background:#102635;color:#fff;border-radius:100px;padding:9px 15px;font-size:12px;font-weight:800}.catalog-item .details{border:0;background:transparent;color:#476b7a;padding:0;margin:0 0 14px;text-align:left;font-size:11px;text-decoration:underline}.availability{color:#317b62;font-size:10px;margin:0 0 10px}.emptycatalog{padding:50px 20px;text-align:center;background:#121e2b;border:1px dashed #8ce7f55a;border-radius:8px;color:#a9c2cf}.catalog-page{padding-top:80px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.admin-card{padding:22px;background:#182735;border:1px solid #a6ebfa23;border-radius:9px}.admin-card h3{margin:0 0 15px}.admin-field{display:block;font-size:12px;color:#a9bdca;margin-bottom:13px}.admin-field input,.admin-field select,.admin-field textarea{margin-top:8px;font-size:13px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-actions button{border:1px solid #a6ebfa6b;background:#a5eafa;color:#10202b;padding:12px 18px;border-radius:5px;font-weight:800}.admin-actions button.ghost{background:transparent;color:#d2ebf5}.admin-warning{color:#f2ca8f;font-size:12px;line-height:1.7}.detail-view{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-visual{min-height:270px;background:#e7eef2;border-radius:5px;display:grid;place-items:center}.detail-visual img{max-width:100%;max-height:330px;object-fit:contain}.detail-visual span{font-size:100px}.detail-data h3{font-size:26px;line-height:1.25;margin:10px 0}.detail-data p{color:#adbdc9;font-size:13px;line-height:1.7}.detail-price{font-size:31px;font-weight:800;margin:25px 0}.checkoutform{display:grid;gap:13px}.checkoutform label{font-size:12px;color:#a9bdca}.checkoutform input,.checkoutform select{margin-top:7px}.checkoutsummary{margin:16px 0;padding:16px;background:#1e3443;border-radius:6px}.filehelp{font-size:12px;line-height:1.75;color:#9eb7c7}.import-report{color:#a6eafa;font-size:12px;margin-top:10px}.locked{display:flex;gap:10px;align-items:center}.settings-access{font-size:11px;color:#7898a9}.notice{background:#264152;color:#d0f4fa;padding:12px 15px;border-radius:6px;font-size:12px;line-height:1.7;margin-bottom:18px}

/* Product photos must always be fully visible, regardless of their original aspect ratio. */
.catalog-item .visual{aspect-ratio:1 / 1;min-height:0;padding:14px;background:#fff;overflow:hidden}
.catalog-item .visual img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain!important;object-position:center center!important;padding:0!important;mix-blend-mode:normal}
.detail-visual{padding:20px;overflow:hidden}
.detail-visual img{width:100%;height:auto;max-height:min(58vh,480px);object-fit:contain!important;object-position:center}
@media(max-width:600px){.cataloggrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-item .visual{padding:10px}.catalog-item .content{padding:12px}.catalog-item h3{font-size:12px;min-height:54px}.catalogtools{grid-template-columns:1fr 1fr}.catalogtools input{grid-column:1/-1}.catalogtools select{min-width:0}.detail-view{grid-template-columns:1fr}}

/* AYA's live suggestions: readable product, real thumbnail and one clear action. */
.ai-product{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:12px;align-items:center}
.ai-product img{width:58px;height:70px;object-fit:contain;background:white;border-radius:6px;padding:4px}
.ai-product span{min-width:0;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
.ai-product small{display:block;color:#a5c6d4;margin-top:5px;font-size:11px}
.ai-product button{white-space:nowrap}
@media(max-width:600px){.ai-product{grid-template-columns:45px minmax(0,1fr);gap:9px}.ai-product img{width:45px;height:60px}.ai-product button{grid-column:2;justify-self:start}}

/* Premium mobile menu, composed AYA BOX kits and an always-available assistant. */
.shop-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.shop-menu button{background:linear-gradient(135deg,#183142,#101a27);border:1px solid #9de6f437;border-radius:12px;text-align:left;min-height:104px;padding:18px;color:#ecf7fb;transition:transform .2s,border-color .2s}
.shop-menu button:hover{transform:translateY(-2px);border-color:#9de6f4}
.shop-menu strong{display:block;font-size:15px;line-height:1.3;font-weight:700}
.shop-menu small{display:block;font-size:11px;line-height:1.5;margin-top:9px;color:#9ab4c4}
.box-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.bundle{min-width:0;display:flex;flex-direction:column;padding:30px;border:1px solid #b0e8fa40;background:linear-gradient(150deg,#183247,#0a111d 76%);border-radius:16px;position:relative;overflow:hidden}
.bundle:before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:#67d9ee1d;filter:blur(30px);top:-65px;right:-45px;pointer-events:none}
.bundle-symbol{font-size:40px;color:#a0e8f5;margin-bottom:20px}
.bundle h3{font-size:clamp(23px,2.1vw,36px);letter-spacing:-.05em;margin:13px 0 25px}
.bundle-items{flex:1;display:flex;flex-direction:column;gap:10px;margin-bottom:30px}
.bundle-line{display:flex;justify-content:space-between;gap:12px;color:#b8cbd5;font-size:12px;line-height:1.5;border-bottom:1px solid #fff2;padding-bottom:10px}
.bundle-line span{flex:1}.bundle-line b{color:white;white-space:nowrap}
.bundle-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.bundle-foot strong{font-size:21px;color:#fff}.bundle-foot button{padding:12px 18px;background:#a7edf6;color:#071b29;border:0;border-radius:40px;font-weight:800;font-size:12px}
.bundle-foot button:disabled{opacity:.4;cursor:not-allowed}
#floatingAya{position:fixed;right:23px;bottom:24px;z-index:9;display:flex;align-items:center;gap:9px;background:linear-gradient(115deg,#aceffa,#77cce7);color:#07202c;box-shadow:0 10px 35px #54e5ff45,0 0 0 1px #b8f6ff70;border:0;border-radius:999px;padding:15px 20px;font-weight:800;font-size:13px;transition:transform .2s}
#floatingAya:hover{transform:translateY(-4px)}#floatingAya .aya-spark{font-size:22px}
body:has(.overlay.show) #floatingAya{visibility:hidden}
@media(max-width:900px){.box-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shop-menu{grid-template-columns:1fr 1fr}.shop-menu button{min-height:100px;padding:13px}.shop-menu strong{font-size:13px}.shop-menu small{font-size:10px}.box-grid{grid-template-columns:1fr}.bundle{padding:23px}.bundle h3{font-size:30px}#floatingAya{right:14px;bottom:82px;padding:12px 16px;font-size:12px}}

.account-tabs{display:flex;gap:9px;margin-bottom:24px}
.account-tabs button{flex:1;border:1px solid #a5e8f54d;background:#132638;border-radius:10px;padding:13px 9px;color:#c7e7f0;font-size:12px;font-weight:700}
.account-tabs button.current{background:#a5ebf8;color:#09202b}
.account-note{font-size:12px;color:#9fb6c5;line-height:1.5}
.account-welcome h3{font-size:30px;margin:16px 0 8px}
.account-welcome p{overflow-wrap:anywhere}
.delivery-results{display:grid;gap:4px;max-height:185px;overflow:auto}
.delivery-results button{width:100%;text-align:left;background:#193446;border:1px solid #9bcfdf35;color:#e7f7fc;border-radius:5px;padding:10px;font-size:12px}
.delivery-results small{color:#abbfc9}
.policy-copy h3{font-size:18px;margin:24px 0 8px}
.policy-copy p{font-size:13px;line-height:1.8;color:#bed0da}
@media(max-width:950px){.cataloggrid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-status{display:none}}
@media(max-width:700px){.cataloggrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-item h3{font-size:11px;min-height:65px}.catalog-item .content{padding:12px}.catalog-item .bottom b{font-size:15px}.catalog-item .bottom button{padding:8px 10px}.catalogtools{grid-template-columns:1fr 1fr}.catalogtools input{grid-column:1/-1}.catalogtools select{min-width:0}.admin-grid,.detail-view{grid-template-columns:1fr}.storebar{padding:12px 5%}.storebar button{padding:10px 13px;font-size:10px}}

/* The compact vertical list belongs to the category menu, not product cards. */
@media(max-width:700px){
 .shop-menu{grid-template-columns:minmax(0,1fr);gap:7px}
 .shop-menu button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:55px;padding:10px 15px;border-radius:9px}
 .shop-menu strong{font-size:13px;flex:0 0 auto}
 .shop-menu small{font-size:10px;line-height:1.25;margin:0;max-width:52%;text-align:right}
}

/* Soft product-image blending: keep labels and packaging sharp in the centre. */
.catalog-item{background:linear-gradient(160deg,#1b2631,#121b27 70%,#10202c);color:#eaf6fa;border:1px solid #a7dbe51b;box-shadow:0 12px 35px #02091428}
.catalog-item .visual{isolation:isolate;background:radial-gradient(ellipse at 50% 38%,#c9d9de60 0%,#66849240 50%,#182734 88%,#16232e 100%);position:relative}
.catalog-item .visual:before{content:'';position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse at center,#9cdce638,transparent 66%);filter:blur(26px);pointer-events:none}
.catalog-item .visual img{mix-blend-mode:normal;mask-image:radial-gradient(ellipse 75% 78% at center,#000 51%,#000b 73%,transparent 99%);-webkit-mask-image:radial-gradient(ellipse 75% 78% at center,#000 51%,#000b 73%,transparent 99%)}
.catalog-item .brand{color:#90aab8}.catalog-item .details{color:#b5d9e4}.catalog-item .availability{color:#83ceb1}.catalog-item .bottom b{color:#f3faff}

/* Colored, labeled app-like stamps inside the slim navigation menu. */
.shop-menu button{--stamp:#69c8e6;--stamp-bg:#063047;--stamp-shadow:#246a8e55;transition:background .2s,border-color .2s,transform .2s}
.shop-menu button strong{display:flex;align-items:center;gap:11px;min-width:0}
.shop-menu .menu-stamp{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:11px;background:var(--stamp-bg);color:var(--stamp);box-shadow:inset 0 0 0 1px var(--stamp-shadow),0 4px 15px var(--stamp-shadow);font-size:19px;font-weight:750;line-height:1}
.shop-menu button[data-menu="weekly"]{--stamp:#ffd67b;--stamp-bg:#3e290d;--stamp-shadow:#a378174e}
.shop-menu button[data-menu="offers"]{--stamp:#ff9b9d;--stamp-bg:#421a2c;--stamp-shadow:#bd426449}
.shop-menu button[data-menu="box"]{--stamp:#caa4ff;--stamp-bg:#2a1947;--stamp-shadow:#815bd04f}
.shop-menu button[data-menu="Косметика"]{--stamp:#ffabd4;--stamp-bg:#451a37;--stamp-shadow:#b849854a}
.shop-menu button[data-menu="Побутова хімія"]{--stamp:#73d6ec;--stamp-bg:#103c4b;--stamp-shadow:#2d91a556}
.shop-menu button[data-menu="Дитячі товари"]{--stamp:#ffc282;--stamp-bg:#483016;--stamp-shadow:#b4783357}
.shop-menu button[data-menu="Товари для дому"]{--stamp:#a4e3ad;--stamp-bg:#173d30;--stamp-shadow:#489b6652}
.shop-menu button[data-menu="all"]{--stamp:#a7c2ff;--stamp-bg:#1c3051;--stamp-shadow:#4f75bb55}
.shop-menu button[data-menu="ai"]{--stamp:#ae9cff;--stamp-bg:#302057;--stamp-shadow:#7e61db50}
.shop-menu button[data-menu="delivery"]{--stamp:#8ed7b6;--stamp-bg:#193f36;--stamp-shadow:#55a8834d}
.shop-menu button[data-menu="returns"]{--stamp:#ffd2a1;--stamp-bg:#483020;--stamp-shadow:#b8834b50}
@media(max-width:700px){.shop-menu button{min-height:57px}.shop-menu strong{font-size:12px;gap:10px}.shop-menu .menu-stamp{width:35px;height:35px}.shop-menu small{max-width:43%}}

/* White-backed catalogue shots: white image pixels inherit the luminous
   centre and fade into the storefront's navy background, without blurring
   the product itself. */
.catalog-item .visual{
 background:radial-gradient(ellipse 76% 77% at 50% 48%,
  #f6f8f8 0%,#e4edf0 33%,#a6bec8 52%,#4b6d7b 75%,#172a37 96%,#11222d 100%);
}
.catalog-item .visual:before{
 inset:-12%;background:radial-gradient(ellipse at 50% 50%,#f2fcff8a 10%,#9cdae62d 48%,transparent 70%);
 filter:blur(22px);
}
.catalog-item .visual img{
 mix-blend-mode:multiply!important;
 mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,#000 0%,#000 61%,#000c 80%,transparent 100%);
 -webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,#000 0%,#000 61%,#000c 80%,transparent 100%);
}

/* Final light showcase: clean off-white cards and a quiet image background. */
.catalog-item{background:#f8fafb!important;color:#12242d!important;border:1px solid #dbe6ea!important;box-shadow:0 10px 28px #03111b26}
.catalog-item .visual{background:#f0f5f6!important}
.catalog-item .visual:before{display:none!important}
.catalog-item .visual img{mix-blend-mode:normal!important;mask-image:none!important;-webkit-mask-image:none!important}
.catalog-item .brand{color:#667f8b!important}
.catalog-item h3{color:#10232d!important}
.catalog-item .availability{color:#247757!important}
.catalog-item .details{color:#426f80!important}
.catalog-item .bottom b{color:#142c37!important}
.catalog-item .bottom button{background:#173f50!important;color:#fff!important}
.catalog-item .bottom button:disabled{opacity:.42}
.cart-line{gap:10px}.cart-quantity-label{display:flex;flex-direction:column;gap:5px;color:#a9bdca;font-size:11px}.cart-quantity{width:72px;max-width:72px;padding:8px!important;color:#fff;background:#142b39;border:1px solid #577687;border-radius:6px;font-size:15px}.catalog-item .availability{display:none!important}
.catalog-item[data-product]{cursor:pointer}.catalog-item[data-product]:focus-visible{outline:3px solid #28a8c5;outline-offset:3px}.bundle-product{width:100%;font:inherit;text-align:left;background:transparent;border:0;border-bottom:1px solid #ffffff20;cursor:pointer;align-items:center;padding:8px 0 12px;transition:color .15s,background .15s}.bundle-product:hover,.bundle-product:focus-visible{color:#c0f2ff;background:#5cc4e00d}.bundle-product .bundle-arrow{flex:0;color:#87d8ed;font-size:17px}
