/* Shared reciprocal 3D product portal. */
/* Общий взаимный 3D-портал продуктов. */
.claryel-product-portal{position:absolute;z-index:34;top:clamp(18px,3.4vh,42px);left:50%;display:flex!important;align-items:center;gap:12px;min-width:198px;padding:8px 16px 8px 9px;border:1px solid rgba(117,236,255,.32);border-radius:999px;color:#eefcff!important;text-decoration:none!important;background:linear-gradient(135deg,rgba(5,21,39,.86),rgba(9,48,66,.7));box-shadow:0 16px 54px rgba(0,0,0,.34),inset 0 0 22px rgba(82,229,255,.07);backdrop-filter:blur(16px) saturate(1.25);transform:translateX(-50%) perspective(600px) rotateX(4deg);transform-style:preserve-3d;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,opacity .2s ease,visibility .2s ease;isolation:isolate;overflow:hidden}.claryel-product-portal::before{content:"";position:absolute;inset:-8px;border:1px solid rgba(74,223,255,.12);border-radius:inherit;transform:translateZ(-18px);pointer-events:none}.claryel-product-portal::after{content:"";position:absolute;inset:3px;border-radius:inherit;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.12) 44%,transparent 67%);opacity:.55;transform:translateX(-75%);animation:claryelPortalShine 6.4s ease-in-out infinite;pointer-events:none}.claryel-product-portal:hover,.claryel-product-portal:focus-visible{transform:translateX(-50%) perspective(600px) rotateX(0deg) translateY(-3px) scale(1.025);border-color:rgba(131,246,255,.72);box-shadow:0 21px 68px rgba(0,0,0,.4),0 0 32px rgba(49,220,255,.18),inset 0 0 24px rgba(82,229,255,.1);outline:none}.portal-core{position:relative;display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border-radius:50%;background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.26),rgba(38,214,237,.16) 31%,rgba(3,17,31,.92) 68%);box-shadow:0 0 18px rgba(46,221,255,.2);transform:translateZ(15px)}.portal-core img{display:block;width:24px;height:24px;filter:drop-shadow(0 0 8px rgba(72,229,255,.56))}.portal-core i{position:absolute;inset:-3px;border:1px solid rgba(102,235,255,.32);border-radius:50%;animation:claryelPortalOrbit 5.5s linear infinite}.portal-core i:nth-of-type(2){inset:-8px;border-color:rgba(124,133,255,.2);animation-duration:8.5s;animation-direction:reverse}.portal-core i:nth-of-type(3){inset:5px;border-color:rgba(255,221,93,.28);animation-duration:3.8s}.portal-copy{position:relative;display:grid;min-width:0;line-height:1.08;transform:translateZ(10px)}.portal-copy small{font-size:.56rem;font-weight:800;letter-spacing:.19em;color:#80dbea}.portal-copy b{margin-top:4px;font-size:.88rem;letter-spacing:.03em;white-space:nowrap;color:#f3fdff}.claryel-product-portal-solar{border-color:rgba(255,211,83,.38);background:linear-gradient(135deg,rgba(6,20,35,.88),rgba(48,45,10,.62))}.claryel-product-portal-solar .portal-core{background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.32),rgba(255,205,69,.2) 30%,rgba(5,20,35,.94) 69%);box-shadow:0 0 18px rgba(255,205,69,.2)}.claryel-product-portal-solar .portal-core img{filter:drop-shadow(0 0 8px rgba(255,221,104,.55))}.claryel-product-portal-solar .portal-copy small{color:#ffe06c}

/* Keep the Solar portal in a dedicated top-right zone, outside the central axis controls. */
/* Держать портал Solar в отдельной правой верхней зоне, вне центральных осевых элементов управления. */
body[data-site="solar"] .claryel-product-portal-box{top:max(16px,2.2vh);left:auto;right:max(82px,6vw);bottom:auto;transform:perspective(600px) rotateX(4deg)}
body[data-site="solar"] .claryel-product-portal-box:hover,body[data-site="solar"] .claryel-product-portal-box:focus-visible{transform:perspective(600px) rotateX(0deg) translateY(-3px) scale(1.025)}

@keyframes claryelPortalOrbit{to{transform:rotate(360deg)}}@keyframes claryelPortalShine{0%,58%,100%{transform:translateX(-75%);opacity:0}68%{opacity:.62}82%{transform:translateX(78%);opacity:0}}@media(max-width:720px){.claryel-product-portal{top:66px;min-width:0;padding:7px 9px}.portal-copy small{display:none}.portal-copy b{font-size:.72rem}.portal-core{width:34px;height:34px;flex-basis:34px}.portal-core img{width:20px;height:20px}body[data-site="solar"] .claryel-product-portal-box{top:12px;right:72px}}
@media(prefers-reduced-motion:reduce){.claryel-product-portal::after,.portal-core i{animation:none}}