/* Omvia Cloud v1.9.19 — Responsive Geometry Authority
   Final geometry layer. Stable Core v1.9.14 anti-loop remains immutable. */
:root{
  --oc-vw:var(--oc-viewport-w,100vw);
  --oc-vh:var(--oc-viewport-h,100dvh);
  --oc-safe-top:env(safe-area-inset-top,0px);
  --oc-safe-right:env(safe-area-inset-right,0px);
  --oc-safe-bottom:env(safe-area-inset-bottom,0px);
  --oc-safe-left:env(safe-area-inset-left,0px);
  --oc-fluid-gutter:clamp(14px,3.25vw,38px);
}
html,body{max-width:100%;overflow-x:hidden}
body :where(main,section,article,aside,header,nav,div,form,fieldset){min-width:0}
img,svg,video,canvas{max-width:100%}

/* =========================
   PRICING — SELF-CONTAINED BUSINESS GEOMETRY
   ========================= */
.pricing-page-shell{margin:0;background:var(--bg,#f7f9fd);color:var(--text,#0d1838);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.pricing-page-shell .oc-nav-shell{position:sticky;top:0;z-index:120;background:color-mix(in srgb,var(--bg,#f7f9fd) 94%,transparent);border-bottom:1px solid var(--line,#d8e2f0);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pricing-page-shell .oc-container{width:min(1240px,calc(100% - (var(--oc-fluid-gutter) * 2)));margin-inline:auto}
.pricing-page-shell .oc-nav{min-height:72px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px}
.pricing-page-shell .oc-logo{display:flex;align-items:center;text-decoration:none;min-width:0}
.pricing-page-shell .oc-logo img{display:block;width:148px!important;max-width:148px!important;height:auto!important;max-height:36px!important;object-fit:contain!important;object-position:left center!important}
.pricing-page-shell .oc-links{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);min-width:0}
.pricing-page-shell .oc-links a{display:inline-flex;align-items:center;min-height:38px;padding:0 2px;color:var(--muted,#6f7f9d);font-size:12px;font-weight:720;text-decoration:none;white-space:nowrap}
.pricing-page-shell .oc-links a:hover,.pricing-page-shell .oc-links a:focus-visible{color:var(--text,#0d1838)}
.pricing-page-shell .oc-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.pricing-page-shell .oc-btn{appearance:none;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:42px!important;padding:0 16px!important;border:1px solid var(--line,#d8e2f0)!important;border-radius:11px!important;background:var(--panel,#fff)!important;color:var(--text,#0d1838)!important;font:inherit!important;font-size:12px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:none!important}
.pricing-page-shell .oc-btn.primary{border-color:transparent!important;background:linear-gradient(110deg,#08c8f4 0%,#116dff 34%,#6847ff 68%,#d91cc7 100%)!important;color:#fff!important}
.pricing-page-shell .price-page{padding:clamp(44px,6vw,76px) 0 78px!important}
.pricing-page-shell .price-head{max-width:720px!important;margin:0 auto!important;text-align:center!important;padding-inline:8px!important}
.pricing-page-shell .oc-badge{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:7px 11px;border:1px solid var(--line,#d8e2f0);border-radius:999px;background:var(--panel,#fff);color:var(--muted,#6f7f9d);font-size:10.5px;font-weight:800;line-height:1.2;text-align:center}
.pricing-page-shell .price-head h1{margin:16px 0 14px!important;font-size:clamp(38px,4.7vw,58px)!important;line-height:.98!important;letter-spacing:-.052em!important;overflow-wrap:normal!important}
.pricing-page-shell .price-head p{max-width:660px;margin:0 auto!important;color:var(--muted,#6f7f9d)!important;font-size:14px!important;line-height:1.65!important}
.pricing-page-shell .price-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-top:30px!important;align-items:stretch!important}
.pricing-page-shell .price-card{display:flex!important;flex-direction:column!important;min-height:345px!important;padding:22px!important;border:1px solid var(--line,#d8e2f0)!important;border-radius:16px!important;background:var(--panel,#fff)!important;overflow:hidden!important}
.pricing-page-shell .price-card.featured{border-color:color-mix(in srgb,#5d52ff 54%,var(--line,#d8e2f0))!important;box-shadow:0 12px 30px rgba(59,77,145,.07)!important}
.pricing-page-shell .price-card h2{margin:0!important;font-size:17px!important;line-height:1.25!important}
.pricing-page-shell .price-storage{margin-top:7px!important;font-size:11px!important;color:var(--muted,#6f7f9d)!important}
.pricing-page-shell .price-card>.oc-badge{align-self:flex-start;margin-top:12px}
.pricing-page-shell .price-value{margin:20px 0 16px!important;font-size:32px!important;line-height:1!important;font-weight:850!important;letter-spacing:-.035em!important}
.pricing-page-shell .price-value span{font-size:11px!important;font-weight:600!important;color:var(--muted,#6f7f9d)!important;letter-spacing:0!important}
.pricing-page-shell .price-card ul{display:grid!important;gap:9px!important;margin:0 0 22px!important;padding:0!important;list-style:none!important;color:var(--muted,#6f7f9d)!important;font-size:11px!important;line-height:1.45!important}
.pricing-page-shell .price-card li{display:flex!important;align-items:flex-start!important;gap:7px!important}.pricing-page-shell .price-card li::before{content:'✓';flex:0 0 auto;margin:0!important;color:#3c9cff!important;font-weight:900}
.pricing-page-shell .price-card>.oc-btn{width:100%!important;margin-top:auto!important}
.pricing-page-shell .payment-rails{margin-top:26px!important;padding:24px!important;border:1px solid var(--line,#d8e2f0)!important;border-radius:18px!important;background:var(--panel,#fff)!important;overflow:hidden!important}
.pricing-page-shell .payment-rails-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.pricing-page-shell .payment-rails-head h2{margin:0 0 6px;font-size:20px;letter-spacing:-.025em}.pricing-page-shell .payment-rails-head p{margin:0;max-width:760px;color:var(--muted,#6f7f9d);font-size:12px;line-height:1.55}
.pricing-page-shell .payment-rail-grid{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;gap:14px!important}
.pricing-page-shell .payment-rail-card{padding:18px!important;border:1px solid var(--line,#d8e2f0)!important;border-radius:14px!important;background:color-mix(in srgb,var(--panel,#fff) 94%,var(--bg,#f7f9fd))!important;overflow:hidden!important}
.pricing-page-shell .payment-rail-card h3{margin:0 0 6px!important;font-size:14px!important}.pricing-page-shell .payment-rail-card>p{margin:0!important;color:var(--muted,#6f7f9d)!important;font-size:11px!important;line-height:1.5!important}
.pricing-page-shell .payment-logo-grid{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:14px!important;min-height:52px!important;margin:16px 0!important;padding:12px!important;border:1px solid var(--line,#d8e2f0)!important;border-radius:12px!important;background:var(--panel,#fff)!important}
.pricing-page-shell .payment-brand-svg{display:block!important;width:auto!important;height:26px!important;max-width:78px!important;max-height:26px!important;object-fit:contain!important;object-position:center!important;margin:0!important}
.pricing-page-shell .crypto-logo-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))!important;gap:8px!important;margin:16px 0!important}
.pricing-page-shell .crypto-logo-item{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:52px!important;padding:9px 10px!important;border:1px solid var(--line,#d8e2f0)!important;border-radius:11px!important;background:var(--panel,#fff)!important;overflow:hidden!important}
.pricing-page-shell .crypto-logo-item.is-pending{opacity:.62}.pricing-page-shell .crypto-brand-svg{display:block!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:contain!important;margin:0!important}.pricing-page-shell .crypto-logo-item>div{min-width:0}.pricing-page-shell .crypto-logo-item strong{display:block;font-size:11px}.pricing-page-shell .crypto-logo-item span{display:block;margin-top:2px;color:var(--muted,#6f7f9d);font-size:9.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pricing-page-shell .payment-rail-note{margin-top:8px!important;font-size:10px!important}
.pricing-page-shell .price-language-footer{min-height:62px;display:flex;align-items:center;justify-content:center;padding:10px var(--oc-fluid-gutter) calc(10px + var(--oc-safe-bottom));border-top:1px solid var(--line,#d8e2f0)}
.pricing-page-shell .oc-footer-lang-control{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 13px;border:1px solid var(--line,#d8e2f0);border-radius:10px;background:var(--panel,#fff);color:var(--text,#0d1838);font:inherit;font-size:11px;font-weight:750}

/* =========================
   MOBILE/PWA BOTTOM NAV — VIEWPORT-CENTERED, NOT RAISED
   ========================= */
@media(max-width:960px){
  .ref-mobile-nav,.gallery-mobile-nav,.mobile-nav{--oc-nav-height:calc(74px + var(--oc-safe-bottom));position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:var(--oc-nav-height)!important;min-height:var(--oc-nav-height)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;padding:5px max(7px,var(--oc-safe-right)) calc(5px + var(--oc-safe-bottom)) max(7px,var(--oc-safe-left))!important;overflow:visible!important;z-index:5000!important}
  .ref-mobile-nav>a:nth-of-type(1),.gallery-mobile-nav>a:nth-of-type(1),.mobile-nav>a:nth-of-type(1){grid-column:1!important}.ref-mobile-nav>a:nth-of-type(2),.gallery-mobile-nav>a:nth-of-type(2),.mobile-nav>a:nth-of-type(2){grid-column:2!important}.ref-mobile-nav>a:nth-of-type(3),.gallery-mobile-nav>a:nth-of-type(3),.mobile-nav>a:nth-of-type(3){grid-column:4!important}.ref-mobile-nav>a:nth-of-type(4),.gallery-mobile-nav>a:nth-of-type(4),.mobile-nav>a:nth-of-type(4){grid-column:5!important}
  .ref-mobile-nav>a,.gallery-mobile-nav>a,.mobile-nav>a{height:56px!important;align-self:center!important;justify-self:stretch!important;margin:0!important;transform:none!important;padding:3px 1px!important}
  .ref-mobile-create,.gallery-mobile-nav .upload-fab,.mobile-nav .upload-fab{position:absolute!important;left:50%!important;right:auto!important;top:calc((74px - clamp(54px,14.5vw,60px))/2)!important;bottom:auto!important;width:clamp(54px,14.5vw,60px)!important;height:clamp(54px,14.5vw,60px)!important;margin:0!important;transform:translateX(-50%)!important;align-self:auto!important;justify-self:auto!important;z-index:4!important;box-shadow:0 8px 20px rgba(70,70,245,.22)!important}
  .ref-mobile-create .svg,.gallery-mobile-nav .upload-fab .svg,.mobile-nav .upload-fab .svg{width:27px!important;height:27px!important}
}

/* =========================
   GALLERY VIEWER — REAL MOBILE LAYOUT + v24 RAIL VISIBILITY FIX
   ========================= */
.media-immersive-page .gallery-slide-v24426>img,
.media-immersive-page .omvia-image-anchor.gallery-slide-v24426>img[data-zoom-image]{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;object-fit:contain!important;object-position:center!important;transform-origin:50% 50%!important;will-change:transform,opacity!important}
.media-immersive-page .gallery-slide-v24426.is-current>img{z-index:2!important}
@media(max-width:700px){
  .media-immersive-page,.media-immersive-page .page-main,.media-immersive-page .preview-card,.media-immersive-page .omvia-photo-pro,.media-immersive-page .photo-pro-stage,.media-immersive-page .omvia-image-canvas{height:var(--oc-vh)!important;min-height:var(--oc-vh)!important;max-height:var(--oc-vh)!important}
  .media-immersive-page .photo-pro-toolbar{position:fixed!important;left:max(10px,var(--oc-safe-left))!important;right:max(10px,var(--oc-safe-right))!important;top:calc(var(--oc-safe-top) + 10px)!important;width:auto!important;height:48px!important;min-height:48px!important;padding:0!important;margin:0!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 48px!important;align-items:center!important;gap:8px!important;border:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;z-index:80!important}
  .media-immersive-page .photo-pro-toolbar>.viewer-close-btn{grid-column:1!important;grid-row:1!important;width:46px!important;height:46px!important;margin:0!important;justify-self:start!important}
  .media-immersive-page .photo-pro-toolbar>.viewer-counter{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;min-width:0!important;margin:0!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(7,11,18,.45)!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}
  .media-immersive-page .photo-pro-actions{grid-column:3!important;grid-row:1!important;width:48px!important;min-width:48px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;justify-self:end!important}
  .media-immersive-page .photo-pro-actions .viewer-more-btn{width:46px!important;height:46px!important;margin:0!important}
  .media-immersive-page .photo-menu-popover{position:fixed!important;top:calc(var(--oc-safe-top) + 66px)!important;right:max(10px,var(--oc-safe-right))!important;left:auto!important;width:min(320px,calc(100vw - 20px - var(--oc-safe-left) - var(--oc-safe-right)))!important;max-height:min(70dvh,560px)!important;margin:0!important;overflow:auto!important;border-radius:16px!important}
  .media-immersive-page .photo-info-panel{left:max(8px,var(--oc-safe-left))!important;right:max(8px,var(--oc-safe-right))!important;bottom:max(8px,var(--oc-safe-bottom))!important;width:auto!important;max-height:min(64dvh,560px)!important}
  .media-immersive-page .photo-edge-nav{display:none!important}
  .media-immersive-page .photo-filmstrip,.media-immersive-page .photo-pro-footer{display:none!important}
  .media-immersive-page .omvia-image-canvas{inset:0!important;padding:calc(var(--oc-safe-top) + 4px) 0 var(--oc-safe-bottom)!important}
}

/* =========================
   RESPONSIVE WIDTH BUCKETS
   ========================= */
@media(max-width:1080px){.pricing-page-shell .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pricing-page-shell .payment-rail-grid{grid-template-columns:1fr!important}}
@media(max-width:820px){
  .pricing-page-shell .oc-nav{grid-template-columns:auto 1fr!important;gap:14px!important;min-height:66px!important}.pricing-page-shell .oc-links{display:none!important}.pricing-page-shell .oc-actions{justify-self:end!important}.pricing-page-shell .oc-logo img{width:136px!important;max-width:136px!important}.pricing-page-shell .price-page{padding-top:40px!important}
}
@media(max-width:620px){
  .pricing-page-shell .oc-container{width:min(100% - 28px,540px)!important}.pricing-page-shell .oc-nav{grid-template-columns:minmax(0,1fr) auto!important}.pricing-page-shell .oc-actions .oc-btn:not(.primary){display:none!important}.pricing-page-shell .oc-actions .oc-btn{min-height:38px!important;padding:0 12px!important;font-size:10.5px!important}.pricing-page-shell .oc-logo img{width:124px!important;max-width:124px!important}
  .pricing-page-shell .price-head h1{font-size:clamp(34px,10.4vw,44px)!important}.pricing-page-shell .price-head p{font-size:12.5px!important}.pricing-page-shell .price-grid{grid-template-columns:1fr!important;gap:11px!important;margin-top:24px!important}.pricing-page-shell .price-card{min-height:0!important;padding:19px!important}.pricing-page-shell .price-value{font-size:30px!important}.pricing-page-shell .payment-rails{padding:17px!important;margin-top:18px!important}.pricing-page-shell .payment-rail-card{padding:15px!important}.pricing-page-shell .payment-logo-grid{gap:11px!important;padding:10px!important}.pricing-page-shell .payment-brand-svg{height:23px!important;max-width:68px!important;max-height:23px!important}.pricing-page-shell .crypto-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.pricing-page-shell .crypto-logo-item{grid-template-columns:26px minmax(0,1fr)!important;padding:8px!important}.pricing-page-shell .crypto-brand-svg{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important}
}
@media(max-width:380px){
  .pricing-page-shell .oc-container{width:calc(100% - 22px)!important}.pricing-page-shell .oc-logo img{width:116px!important;max-width:116px!important}.pricing-page-shell .price-card{padding:17px!important}.pricing-page-shell .crypto-logo-grid{grid-template-columns:1fr 1fr!important}.pricing-page-shell .payment-rails{padding:14px!important}
  .ref-mobile-create,.gallery-mobile-nav .upload-fab,.mobile-nav .upload-fab{width:54px!important;height:54px!important;top:10px!important}
}
@media(max-height:620px) and (orientation:landscape){
  .ref-mobile-nav,.gallery-mobile-nav,.mobile-nav{--oc-nav-height:calc(62px + var(--oc-safe-bottom))!important}.ref-mobile-nav>a,.gallery-mobile-nav>a,.mobile-nav>a{height:50px!important}.ref-mobile-create,.gallery-mobile-nav .upload-fab,.mobile-nav .upload-fab{width:50px!important;height:50px!important;top:6px!important}
  .media-immersive-page .photo-pro-toolbar{top:calc(var(--oc-safe-top) + 6px)!important;height:42px!important;min-height:42px!important}.media-immersive-page .photo-pro-toolbar>.viewer-close-btn,.media-immersive-page .photo-pro-actions .viewer-more-btn{width:40px!important;height:40px!important}
}
