/* Liquid glass look (Apple-style) for the whole shop: see-through boxes with a bright rim, light + dark (2026-11-08).
   Loaded last in index.html. Motion for the home tabs lives in liquid-glass.js. */

/* ---- Light: colour glow behind the glass ---- */
html,html body{background-color:#eef2fb !important;background-image:radial-gradient(38% 42% at 10% 15%,rgba(0,141,255,.42),transparent 70%),radial-gradient(32% 38% at 90% 10%,rgba(168,85,247,.38),transparent 70%),radial-gradient(36% 40% at 82% 80%,rgba(255,122,0,.32),transparent 70%),radial-gradient(34% 40% at 15% 88%,rgba(236,72,153,.32),transparent 70%),radial-gradient(30% 30% at 50% 50%,rgba(16,185,129,.18),transparent 70%) !important;background-attachment:fixed !important}

/* ---- Header + category bar ---- */
html body .site-header.pmx-header,html body .pmx-catbar{background:rgba(255,255,255,.42) !important;backdrop-filter:blur(22px) saturate(190%);-webkit-backdrop-filter:blur(22px) saturate(190%);border-bottom:1px solid rgba(255,255,255,.65) !important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.35),0 8px 30px rgba(30,40,80,.08)}
html body .pmx-search{background:rgba(255,255,255,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:999px !important;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 4px 18px rgba(0,90,200,.12)}
html body .pmx-search input{background:transparent !important}
html body .pmx-cat-btn,html body .pmx-ico{background:rgba(255,255,255,.38) !important;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:0 !important;border-radius:999px !important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.35),inset 0 0 12px rgba(255,255,255,.3),0 6px 16px rgba(30,40,80,.10) !important}
html body .pmx-ico{border-radius:16px !important}
html body .pmx-cat-btn.pmx-gold{background:linear-gradient(135deg,rgba(255,215,106,.8),rgba(244,180,0,.6)) !important}

/* ---- Big glass boxes ---- */
html body #app .pmx-card,html body #app .product-content-card,html body #app .product-card,html body #app .pmx-tabs,html body #app .store-meta.pmx-specs,html body #app .home-overview,html body #app .sb-card,html body #app .hh-tool,html body #app .empty-state,html body .site-footer{background:linear-gradient(160deg,rgba(255,255,255,.36),rgba(255,255,255,.12) 45%,rgba(255,255,255,.22)) !important;backdrop-filter:blur(16px) saturate(220%) brightness(1.05);-webkit-backdrop-filter:blur(16px) saturate(220%) brightness(1.05);border:1px solid rgba(255,255,255,.55) !important;border-radius:24px !important;box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 -2px 2px rgba(255,255,255,.35),inset 0 0 24px rgba(255,255,255,.35),0 12px 34px rgba(40,50,110,.12) !important}
html body .site-footer{border-radius:28px 28px 0 0 !important}

/* ---- Small glass pieces ---- */
html body #app .pmx-opts,html body #app .pmx-mql5,html body #app .product-sharing,html body #app .discovery-pill,html body #app .guide-pdf,html body #app .share-network,html body #app .gallery-thumbnail,html body #app .pager-num,html body #app .styled-select-trigger,html body #app .search-form,html body #app .donation-custom,html body #app .sb-chip,html body #app .pmx-chip,html body #app .hh-tool-icon{background:rgba(255,255,255,.26) !important;backdrop-filter:blur(10px) saturate(200%);-webkit-backdrop-filter:blur(10px) saturate(200%);border-color:rgba(255,255,255,.65) !important;border-radius:16px !important;box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 4px 12px rgba(30,40,80,.07) !important}
html body #app .pmx-chip.on,html body #app .sb-chip.on,html body #app .pager-num.active,html body #app .pager-num[aria-current]{background:linear-gradient(180deg,rgba(70,170,255,.95),rgba(0,110,240,.95)) !important;color:#fff !important}
html body #app input:not([type=checkbox]):not([type=radio]):not([type=range]),html body #app select,html body #app textarea{background:rgba(255,255,255,.4) !important;border-color:rgba(255,255,255,.7) !important;box-shadow:inset 0 1px 2px rgba(30,40,80,.08),inset 0 -1px 0 rgba(255,255,255,.8) !important}
html body #app .search-form input,html body .pmx-search input{box-shadow:none !important;border-color:transparent !important}
html body #app .product-art{background:rgba(255,255,255,.18) !important;border-radius:18px !important}

/* ---- Buttons: glass pills ---- */
html body #app button.secondary,html body #app a.pmx-guide-btn,html body #app .pmx-dev{background:rgba(255,255,255,.3) !important;border:1px solid rgba(255,255,255,.7) !important;border-radius:999px !important;box-shadow:inset 0 1px 1px #fff,0 4px 12px rgba(30,40,80,.08) !important}
html body #app button.primary,html body #app a.primary{border-radius:999px !important;border:0 !important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.65),inset 0 -2px 3px rgba(0,0,0,.18),0 8px 18px rgba(0,80,200,.25) !important}

/* ---- Our products cards (/polymaria): rim light + shine ---- */
html body .op-head,html body .op-card{position:relative;overflow:hidden;background:linear-gradient(160deg,rgba(255,255,255,.30),rgba(255,255,255,.10) 45%,rgba(255,255,255,.18)) !important;backdrop-filter:blur(14px) saturate(220%) brightness(1.06);-webkit-backdrop-filter:blur(14px) saturate(220%) brightness(1.06);border:0 !important;border-radius:28px !important;box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 -2px 2px rgba(255,255,255,.35),inset 2px 0 3px rgba(255,255,255,.35),inset -2px 0 3px rgba(255,255,255,.25),inset 0 0 22px rgba(255,255,255,.35),0 14px 40px rgba(40,50,110,.16),0 2px 6px rgba(40,50,110,.08) !important}
html body .op-card::before,html body .op-head::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:3;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.15) 35%,rgba(255,255,255,0) 55%,rgba(255,255,255,.55) 85%,rgba(255,255,255,.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
html body .op-card::after,html body .op-head::after{content:"";position:absolute;left:-20%;top:-60%;width:90%;height:110%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(255,255,255,.55),rgba(255,255,255,0));opacity:.55;transform:rotate(-18deg);z-index:0}
html body .op-card>*,html body .op-head>*{position:relative;z-index:1}
html body .op-card>.op-tier-badge,html body .op-card>.op-main-badge{position:absolute;z-index:4;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 3px 10px rgba(0,0,0,.15)}
html body .op-card .op-pic{background:rgba(255,255,255,.16) !important;border:0 !important;border-radius:20px !important;box-shadow:inset 0 1px 1px rgba(255,255,255,.9),inset 0 -1px 1px rgba(255,255,255,.3),inset 0 0 14px rgba(255,255,255,.3) !important}
html body .op-card .op-pic img{border-radius:16px;box-shadow:0 8px 20px rgba(20,20,60,.25)}
html body .op-platform{background:rgba(255,255,255,.6) !important;backdrop-filter:blur(8px);border-color:rgba(255,255,255,.8) !important}
html body .op-card{transition:transform .35s cubic-bezier(.2,.9,.3,1.3),box-shadow .35s}
html body .op-card:hover{transform:translateY(-4px) scale(1.015)}
html body .op-card.op-main{background:linear-gradient(160deg,rgba(255,220,120,.45),rgba(255,255,255,.12) 50%,rgba(255,200,80,.22)) !important;box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 0 26px rgba(255,214,102,.45),0 0 0 1.5px rgba(245,179,1,.55),0 16px 44px rgba(224,154,0,.22) !important}
html body .op-card.op-gold{background:linear-gradient(170deg,rgba(255,215,106,.42),rgba(255,255,255,.12) 55%,rgba(255,215,106,.18)) !important;box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 0 22px rgba(255,214,102,.5),0 0 0 1.5px rgba(245,179,1,.6),0 14px 40px rgba(224,154,0,.2) !important}
html body .op-card.op-vip{background:linear-gradient(170deg,rgba(255,90,110,.36),rgba(255,255,255,.12) 55%,rgba(255,90,110,.16)) !important;box-shadow:inset 0 2px 1px rgba(255,255,255,.95),inset 0 0 22px rgba(255,120,135,.45),0 0 0 1.5px rgba(224,38,60,.5),0 14px 40px rgba(224,38,60,.2) !important}
html body .op-foot{border-top:1px solid rgba(255,255,255,.5) !important}

/* ---- Home tabs: sliding glass pill (liquid-glass.js adds .lg-pill) ---- */
html body #app .discovery-tabs{position:relative;display:inline-flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(255,255,255,.22);backdrop-filter:blur(14px) saturate(200%);-webkit-backdrop-filter:blur(14px) saturate(200%);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.9),inset 0 -1px 2px rgba(255,255,255,.3),inset 0 0 14px rgba(255,255,255,.3),0 6px 18px rgba(30,40,80,.10)}
html body #app .discovery-tabs>button{position:relative;z-index:1;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:999px !important;color:#3b4660 !important;transition:color .35s ease,transform .2s ease}
html body #app .discovery-tabs>button:active{transform:scale(.94)}
html body #app .discovery-tabs>button.active{color:#0a63e0 !important}
html body #app .discovery-tabs>.discovery-pill{position:relative;z-index:1;border-radius:999px !important;margin-left:4px}
html body #app .lg-pill{position:absolute;z-index:0;top:5px;bottom:5px;left:5px;width:0;border-radius:999px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.6));box-shadow:inset 0 1.5px 1px #fff,inset 0 -2px 3px rgba(10,60,160,.10),0 0 0 1px rgba(255,255,255,.7),0 8px 20px rgba(0,100,230,.22);transition:left .55s cubic-bezier(.34,1.45,.45,1),width .55s cubic-bezier(.34,1.45,.45,1)}
html body #app .lg-pill.lg-move{animation:lg-jelly .55s ease}
@keyframes lg-jelly{0%{transform:scale(1,1)}30%{transform:scale(1.12,.86)}60%{transform:scale(.96,1.06)}100%{transform:scale(1,1)}}
@keyframes lg-rise{from{opacity:0;transform:translateY(14px) scale(.97);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
html body #app .lg-enter{animation:lg-rise .55s cubic-bezier(.2,.9,.3,1.15) both}

/* ---- Dark ---- */
html[data-theme=dark],html[data-theme=dark] body{background-color:#0a0f1c !important;background-image:radial-gradient(38% 42% at 10% 15%,rgba(0,120,255,.30),transparent 70%),radial-gradient(32% 38% at 90% 10%,rgba(150,70,240,.28),transparent 70%),radial-gradient(36% 40% at 82% 80%,rgba(255,110,0,.18),transparent 70%),radial-gradient(34% 40% at 15% 88%,rgba(230,60,140,.20),transparent 70%),radial-gradient(30% 30% at 50% 50%,rgba(16,185,129,.12),transparent 70%) !important}
html[data-theme=dark] body .site-header.pmx-header,html[data-theme=dark] body .pmx-catbar{background:rgba(14,20,36,.55) !important;border-bottom:1px solid rgba(255,255,255,.10) !important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.06),0 8px 30px rgba(0,0,0,.35)}
html[data-theme=dark] body .pmx-search{background:rgba(255,255,255,.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 18px rgba(0,0,0,.35)}
html[data-theme=dark] body .pmx-search input{color:#e8eefc !important}
html[data-theme=dark] body .pmx-cat-btn,html[data-theme=dark] body .pmx-ico{background:rgba(255,255,255,.07) !important;color:#e6ecf8 !important;box-shadow:inset 0 1px 1px rgba(255,255,255,.22),inset 0 -1px 1px rgba(255,255,255,.05),inset 0 0 12px rgba(255,255,255,.04),0 6px 16px rgba(0,0,0,.35) !important}
html[data-theme=dark] body .pmx-cat-btn.pmx-gold{background:linear-gradient(135deg,rgba(255,200,70,.85),rgba(230,160,0,.7)) !important;color:#2b1d00 !important}
html[data-theme=dark] body .op-head,html[data-theme=dark] body .op-card,html[data-theme=dark] body #app .pmx-card,html[data-theme=dark] body #app .product-content-card,html[data-theme=dark] body #app .product-card,html[data-theme=dark] body #app .pmx-tabs,html[data-theme=dark] body #app .store-meta.pmx-specs,html[data-theme=dark] body #app .home-overview,html[data-theme=dark] body #app .sb-card,html[data-theme=dark] body #app .hh-tool,html[data-theme=dark] body #app .empty-state,html[data-theme=dark] body .site-footer{background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.03) 45%,rgba(255,255,255,.06)) !important;border-color:rgba(255,255,255,.12) !important;color:#e6ecf8;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.22),inset 0 -1px 1px rgba(255,255,255,.06),inset 0 0 24px rgba(255,255,255,.04),0 14px 40px rgba(0,0,0,.45) !important}
html[data-theme=dark] body .op-card::before,html[data-theme=dark] body .op-head::before{background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(255,255,255,.06) 35%,rgba(255,255,255,0) 55%,rgba(255,255,255,.18) 85%,rgba(255,255,255,.35))}
html[data-theme=dark] body .op-card::after,html[data-theme=dark] body .op-head::after{opacity:.18}
html[data-theme=dark] body #app .pmx-opts,html[data-theme=dark] body #app .pmx-mql5,html[data-theme=dark] body #app .product-sharing,html[data-theme=dark] body #app .discovery-pill,html[data-theme=dark] body #app .guide-pdf,html[data-theme=dark] body #app .share-network,html[data-theme=dark] body #app .gallery-thumbnail,html[data-theme=dark] body #app .pager-num,html[data-theme=dark] body #app .styled-select-trigger,html[data-theme=dark] body #app .search-form,html[data-theme=dark] body #app .donation-custom,html[data-theme=dark] body #app .sb-chip,html[data-theme=dark] body #app .pmx-chip,html[data-theme=dark] body #app .hh-tool-icon{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.12) !important;color:#e6ecf8;box-shadow:inset 0 1px 1px rgba(255,255,255,.18),0 4px 12px rgba(0,0,0,.3) !important}
html[data-theme=dark] body #app .pmx-chip.on,html[data-theme=dark] body #app .sb-chip.on,html[data-theme=dark] body #app .pager-num.active,html[data-theme=dark] body #app .pager-num[aria-current]{background:linear-gradient(180deg,rgba(70,160,255,.9),rgba(0,100,230,.9)) !important;color:#fff !important}
html[data-theme=dark] body #app input:not([type=checkbox]):not([type=radio]):not([type=range]),html[data-theme=dark] body #app select,html[data-theme=dark] body #app textarea{background:rgba(255,255,255,.06) !important;border-color:rgba(255,255,255,.14) !important;color:#e8eefc !important;box-shadow:inset 0 1px 2px rgba(0,0,0,.4),inset 0 -1px 0 rgba(255,255,255,.08) !important}
html[data-theme=dark] body #app .search-form input{box-shadow:none !important;border-color:transparent !important}
html[data-theme=dark] body #app .op-card .op-pic,html[data-theme=dark] body #app .product-art{background:rgba(255,255,255,.05) !important;box-shadow:inset 0 1px 1px rgba(255,255,255,.18),inset 0 0 14px rgba(255,255,255,.04) !important}
html[data-theme=dark] body #app button.secondary,html[data-theme=dark] body #app a.pmx-guide-btn,html[data-theme=dark] body #app .pmx-dev{background:rgba(255,255,255,.07) !important;border-color:rgba(255,255,255,.16) !important;color:#e6ecf8 !important;box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 4px 12px rgba(0,0,0,.3) !important}
html[data-theme=dark] body .op-card.op-main{background:linear-gradient(160deg,rgba(255,200,70,.22),rgba(255,255,255,.03) 50%,rgba(255,190,60,.10)) !important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.25),inset 0 0 26px rgba(255,200,80,.14),0 0 0 1.5px rgba(245,179,1,.55),0 16px 44px rgba(0,0,0,.5) !important}
html[data-theme=dark] body .op-card.op-gold{background:linear-gradient(170deg,rgba(255,200,70,.20),rgba(255,255,255,.03) 55%,rgba(255,200,70,.08)) !important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.25),inset 0 0 22px rgba(255,200,80,.14),0 0 0 1.5px rgba(245,179,1,.6),0 14px 40px rgba(0,0,0,.45) !important}
html[data-theme=dark] body .op-card.op-vip{background:linear-gradient(170deg,rgba(255,70,95,.22),rgba(255,255,255,.03) 55%,rgba(255,70,95,.08)) !important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.25),inset 0 0 22px rgba(255,90,110,.14),0 0 0 1.5px rgba(255,64,87,.6),0 14px 40px rgba(0,0,0,.45) !important}
html[data-theme=dark] body .op-foot{border-top-color:rgba(255,255,255,.10) !important}
html[data-theme=dark] body .op-platform{background:rgba(15,22,38,.75) !important;color:#e6ecf8 !important;border-color:rgba(255,255,255,.2) !important}
html[data-theme=dark] body #app .discovery-tabs{background:rgba(255,255,255,.06);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),inset 0 0 14px rgba(255,255,255,.04),0 6px 18px rgba(0,0,0,.35)}
html[data-theme=dark] body #app .discovery-tabs>button{color:#aeb8cc !important}
html[data-theme=dark] body #app .discovery-tabs>button.active{color:#fff !important}
html[data-theme=dark] body #app .lg-pill{background:linear-gradient(180deg,rgba(80,160,255,.75),rgba(10,100,230,.6));box-shadow:inset 0 1.5px 1px rgba(255,255,255,.45),inset 0 -2px 3px rgba(0,30,90,.35),0 0 0 1px rgba(255,255,255,.12),0 8px 20px rgba(0,100,230,.35)}

/* ---- Phones: no blur on the many cards (smooth scrolling), header keeps it ---- */
@media (max-width:760px){html body #app .product-card,html body #app .product-content-card,html body .op-card,html body #app .hh-tool,html body #app .sb-card{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(255,255,255,.62) !important}html[data-theme=dark] body #app .product-card,html[data-theme=dark] body #app .product-content-card,html[data-theme=dark] body .op-card,html[data-theme=dark] body #app .hh-tool,html[data-theme=dark] body #app .sb-card{background:rgba(22,30,50,.72) !important}html,html body{background-attachment:scroll !important}}

/* ---- No glass support / less motion ---- */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html body #app .pmx-card,html body #app .product-card,html body #app .home-overview,html body #app .sb-card,html body .op-card{background:rgba(255,255,255,.85) !important}html[data-theme=dark] body #app .pmx-card,html[data-theme=dark] body #app .product-card,html[data-theme=dark] body #app .home-overview,html[data-theme=dark] body #app .sb-card,html[data-theme=dark] body .op-card{background:rgba(22,30,50,.9) !important}}
@media (prefers-reduced-motion:reduce){html body #app .lg-pill,html body .op-card{transition:none !important;animation:none !important}html body #app .lg-enter{animation:none !important}html body .op-card:hover{transform:none}}

/* ---- Fixes: top row (language list, icons) paints above the glass menu bar; open menu button stays readable ---- */
html body .site-header .pmx-top{position:relative;z-index:3}
html body .site-header .pmx-catbar{position:relative;z-index:2}
html body .pmx-cat:hover>.pmx-cat-btn,html body .pmx-cat.open>.pmx-cat-btn,html body .pmx-cat:focus-within>.pmx-cat-btn{background:linear-gradient(180deg,rgba(70,170,255,.95),rgba(0,110,240,.95)) !important;color:#fff !important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.6),inset 0 -2px 3px rgba(0,40,120,.25),0 8px 18px rgba(0,110,240,.3) !important}
html body .pmx-cat:hover>.pmx-cat-btn.pmx-gold,html body .pmx-cat.open>.pmx-cat-btn.pmx-gold,html body .pmx-cat:focus-within>.pmx-cat-btn.pmx-gold{background:linear-gradient(135deg,#ffd76a,#f4b400) !important;color:#3b2a00 !important;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.7),0 8px 18px rgba(224,154,0,.35) !important}
html body .pmx-catbar a.pmx-cat-btn:hover,html body .pmx-catbar>.pmx-catbar-row>.pmx-cat-btn:hover{background:rgba(255,255,255,.7) !important;color:#0a63e0 !important}
html[data-theme=dark] body .pmx-catbar a.pmx-cat-btn:hover,html[data-theme=dark] body .pmx-catbar>.pmx-catbar-row>.pmx-cat-btn:hover{background:rgba(255,255,255,.16) !important;color:#fff !important}

/* ---- Header icons: smaller, grow like a glass dock on hover (neighbours grow a little) ---- */
html body .pmx-icons .pmx-ico{min-width:50px;height:44px;padding:3px 5px;gap:3px;font-size:10px;transform-origin:50% 0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .3s ease,box-shadow .3s ease}
html body .pmx-icons .pmx-ico svg{width:18px;height:18px}
html body .pmx-icons .pmx-ico>span{max-width:62px}
html body .pmx-icons .pmx-ico:hover{z-index:5;transform:scale(1.32) translateY(3px);background:rgba(255,255,255,.78) !important;color:var(--pmx-accent,#0a63e0);box-shadow:inset 0 1.5px 1px #fff,inset 0 0 14px rgba(255,255,255,.6),0 12px 28px rgba(0,90,220,.25),0 0 0 1px rgba(255,255,255,.8) !important}
html body .pmx-icons .pmx-ico:has(+ .pmx-ico:hover),html body .pmx-icons .pmx-ico:hover + .pmx-ico{z-index:4;transform:scale(1.12) translateY(1px)}
html body .pmx-icons .pmx-ico:active{transform:scale(1.18) translateY(2px)}
html[data-theme=dark] body .pmx-icons .pmx-ico:hover{background:rgba(255,255,255,.18) !important;color:#fff;box-shadow:inset 0 1.5px 1px rgba(255,255,255,.45),inset 0 0 14px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.18) !important}
@media (prefers-reduced-motion:reduce){html body .pmx-icons .pmx-ico{transition:none}html body .pmx-icons .pmx-ico:hover,html body .pmx-icons .pmx-ico:has(+ .pmx-ico:hover),html body .pmx-icons .pmx-ico:hover + .pmx-ico{transform:none}}

/* ---- Menu bar: "PolyMaria app" + "Robot Builder" as plain links, no box (owner 2026-11-08) ---- */
html body .pmx-catbar .pmx-catbar-row>a.pmx-cat-btn[href^="#product/"],html body .pmx-catbar .pmx-catbar-row>a.pmx-cat-btn[href="/robot-builder"]{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;transition:color .25s ease,transform .25s ease}
html body .pmx-catbar .pmx-catbar-row>a.pmx-cat-btn[href^="#product/"]:hover,html body .pmx-catbar .pmx-catbar-row>a.pmx-cat-btn[href="/robot-builder"]:hover{background:transparent !important;box-shadow:none !important;color:#0a63e0 !important;transform:translateY(-1px)}
html[data-theme=dark] body .pmx-catbar .pmx-catbar-row>a.pmx-cat-btn[href^="#product/"]:hover,html[data-theme=dark] body .pmx-catbar .pmx-catbar-row>a.pmx-cat-btn[href="/robot-builder"]:hover{color:#6fb6ff !important}
