/* Unified Order V10.7 — focused POS hero, trustworthy image framing and responsive tags.
   The image is the owner supplied POS artwork. No fake glow, crop, or device redraw. */
:root { --uo-pos-yellow:#F7C400; }
.uo-pos-stage { position:relative; isolation:isolate; overflow:visible!important; }
.uo-pos-stage::before,.uo-pos-stage::after { display:none!important; content:none!important; }
.uo-pos-stage .home-hero__photo,
.uo-pos-stage .detail-hero__image {
  display:block!important; object-fit:contain!important; object-position:center!important;
  filter:none!important; box-shadow:none!important; border:0!important;
  width:100%!important; max-height:none!important;
  height:auto!important; min-height:0!important;
}
/* Hero is a clean dark stage, not a photographic crop or border around a black PNG. */
.hero-art--photo.uo-pos-stage--home {
  background:#19232C!important; background-image:none!important;
  border:0!important; border-radius:0!important;
  padding:clamp(64px,6vw,106px) clamp(12px,2vw,38px) clamp(80px,7vw,106px)!important;
  min-height:560px!important; height:auto!important; max-height:none!important;
  overflow:visible!important;
  display:flex!important; align-items:center; justify-content:center;
}
.hero-art--photo.uo-pos-stage--home .home-hero__photo {
  position:relative; z-index:1; max-width:min(100%,900px)!important;
  animation:uo-pos-reveal .85s cubic-bezier(.22,1,.36,1) both!important;
}
/* The individual POS product has the same device as its hero, with room for tags. */
.detail-visual--pos.uo-pos-stage--detail {
  background:transparent!important; background-image:none!important;
  border:0!important; box-shadow:none!important; padding:74px 10px 85px!important;
  min-height:420px!important; overflow:visible!important;
  display:flex!important; align-items:center; justify-content:center;
}
.detail-visual--pos.uo-pos-stage--detail .detail-hero__image {
  max-width:100%!important; max-height:none!important;
  animation:uo-pos-reveal .8s cubic-bezier(.22,1,.36,1) both!important;
}
.uo-pos-tags { position:absolute; inset:0; pointer-events:none; z-index:3; }
.uo-pos-tag {
  --d:0s; position:absolute; display:inline-flex; align-items:center; gap:9px;
  border:1px solid rgba(255,255,255,.2); border-radius:999px;
  padding:11px 15px; line-height:1.25;
  font-family:Manrope, 'DM Sans',sans-serif; font-size:clamp(10px,.85vw,12px);
  letter-spacing:-.01em; font-weight:750; white-space:nowrap;
  color:#172028; background:#FAFBFC;
  box-shadow:0 9px 22px rgba(6,12,16,.20);
  animation:uo-pos-tag-enter .6s ease-out var(--d) both;
}
.uo-pos-tag i { display:block; flex:none; width:8px; height:8px; border-radius:50%; background:var(--uo-pos-yellow); box-shadow:0 0 0 3px rgba(247,196,0,.17); }
.uo-pos-tag--menu { top:6%; left:2%; --d:.18s; }
.uo-pos-tag--order { top:9%; right:0%; --d:.3s; }
.uo-pos-tag--checkout { bottom:4%; left:3%; --d:.42s; }
.uo-pos-tag--operations { bottom:5%; right:0%; --d:.54s; }
.uo-pos-stage--detail .uo-pos-tag--menu { top:1%; left:-2%; }
.uo-pos-stage--detail .uo-pos-tag--order { top:7%; right:-2%; }
.uo-pos-stage--detail .uo-pos-tag--checkout { bottom:2%; left:-3%; }
.uo-pos-stage--detail .uo-pos-tag--operations { bottom:2%; right:-3%; }
@keyframes uo-pos-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes uo-pos-tag-enter{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
/* Featured POS: only the source POS, no gradient washout or cropped device. */
.feature-product--pos.has-photo { background:#202B33!important; background-image:none!important; isolation:isolate; }
.feature-product--pos.has-photo .feature-product__art { overflow:hidden!important; background:transparent!important; }
.feature-product--pos.has-photo .feature-product__art::after { display:none!important; }
.feature-product--pos.has-photo .feature-product__image {
  width:100%!important; height:100%!important; display:block!important;
  padding:18px 26px 26px!important; box-sizing:border-box;
  object-fit:contain!important; object-position:center center!important;
  filter:none!important;
}
.feature-product--pos.has-photo .feature-product__copy {
  max-width:100%!important; padding-bottom:4px!important;
}
.feature-product--pos.has-photo .feature-product__copy>* { position:relative; z-index:4; }
.feature-product--pos.has-photo .feature-product__copy span.text-link { color:#F7C400!important; }
/* Device only; avoid unwanted black rectangles and hard frames. */
.detail-visual--pos-hardware.visual-device,
.product-gallery__media:has(img[src$="pos-terminal-2026.webp"]),
.real-workflows__media:has(img[src$="pos-terminal-2026.webp"]) {
  background:transparent!important; background-image:none!important; box-shadow:none!important;
}
.product-gallery__media img[src$="pos-terminal-2026.webp"],
.real-workflows__media img[src$="pos-terminal-2026.webp"],
.pos-usecase__visual img[src$="pos-terminal-2026.webp"] {
  object-fit:contain!important; filter:none!important; max-width:100%; max-height:100%;
}
/* The supplied payment image is a photographic scene, intentionally displayed edge-to-edge. */
.detail-visual--payments.visual-scene .detail-hero__image,
.platform-ecosystem__media img[src$="payment-restaurant-table-2026.webp"],
.product-gallery__media img[src$="payment-restaurant-table-2026.webp"] {
  width:100%!important; height:auto!important; max-height:620px!important; object-fit:cover!important;
  object-position:center!important; padding:0!important; border-radius:14px!important;
}
.detail-visual--payments.visual-scene { overflow:hidden!important; border-radius:14px!important; }
/* Tablet and narrow laptop: occupy the remaining space without labels covering controls. */
@media(max-width:1200px){
  .uo-pos-stage--detail .uo-pos-tag {font-size:10px;padding:9px 11px}
  .uo-pos-stage--detail .uo-pos-tag--menu {left:0}
  .uo-pos-stage--detail .uo-pos-tag--order {right:0}
  .uo-pos-stage--detail .uo-pos-tag--checkout {left:0}
  .uo-pos-stage--detail .uo-pos-tag--operations {right:0}
}
@media(max-width:950px){
  .hero-art--photo.uo-pos-stage--home { min-height:0!important;padding:60px 18px 96px!important; }
  .detail-visual--pos.uo-pos-stage--detail { min-height:0!important;padding:50px 0 100px!important; }
  .uo-pos-tag {font-size:11px;padding:9px 12px}
  .uo-pos-tag--menu { top:1%;left:0 }
  .uo-pos-tag--order { top:1%;right:0 }
  .uo-pos-tag--checkout { bottom:3%;left:0 }
  .uo-pos-tag--operations { bottom:3%;right:0 }
}
@media(max-width:620px){
  .hero-art--photo.uo-pos-stage--home,.detail-visual--pos.uo-pos-stage--detail {
    display:block!important; padding:20px 12px 20px!important; min-height:0!important;
    overflow:visible!important;
  }
  .uo-pos-stage--detail {width:100%!important;max-width:100%!important}
  .uo-pos-tags {
    position:relative; inset:auto; display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px; margin:18px 0 4px;
  }
  .uo-pos-tag { position:static; min-width:0; white-space:normal; font-size:10px; padding:9px 9px; box-shadow:none;
    display:flex; justify-content:center; text-align:center; animation:none;
  }
  .uo-pos-tag i {width:6px;height:6px;}
  .feature-product--pos.has-photo .feature-product__image {padding:12px 18px 20px!important;}
}
@media(prefers-reduced-motion:reduce){
 .uo-pos-stage .home-hero__photo,.uo-pos-stage .detail-hero__image,.uo-pos-tag{animation:none!important;transition:none!important;}
}


/* ============================================================
   Editorial & imagery refinements — 05 Nov 2026
   Own asset, no placeholder, no unnecessary glows or hard crops.
   ============================================================ */
/* Standalone kiosk device, fully visible with transparent background */
.page-product .detail-visual--kiosk.uo-kiosk-stage,
.detail-visual--kiosk.uo-kiosk-stage.visual-device {
  background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;
  min-height:0!important;aspect-ratio:auto!important;
  overflow:visible!important;display:flex!important;align-items:center;justify-content:center;
  padding:4px clamp(12px,3vw,36px)!important;
  animation:none!important;
}
.detail-visual--kiosk.uo-kiosk-stage::before,.detail-visual--kiosk.uo-kiosk-stage::after{
  display:none!important;content:none!important;
}
.detail-visual--kiosk.uo-kiosk-stage .detail-hero__image{
  height:auto!important;min-height:0!important;max-height:clamp(480px,53vw,700px)!important;
  width:auto!important;max-width:100%!important;
  object-fit:contain!important;object-position:center!important;
  filter:none!important;box-shadow:none!important;
  animation:uo-pos-reveal .75s ease-out both!important;
}
/* Inventory photo: complete clean photo with no editorial overprint on the source */
.detail-visual--inventory.visual-scene,
.detail-visual--multi-location.visual-scene,
.detail-visual--franchise-portal.visual-scene{
  border:0!important;box-shadow:none!important;overflow:hidden!important;border-radius:16px!important;
  min-height:0!important;height:auto!important;aspect-ratio:auto!important;
}
.detail-visual img[src$="inventory-operations-2026.webp"]{
  display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  object-fit:contain!important;object-position:center center!important;padding:0!important;
}
.real-workflows__media img[src$="inventory-operations-2026.webp"]{width:100%!important;height:100%!important;object-fit:cover!important;padding:0!important;}
/* Partnership program: use real meeting imagery, wide and properly framed. */
.legacy-reseller .top-hero .site-shell{
  padding-right:min(44%,520px)!important;
  min-height:360px!important;
}
.legacy-reseller #top .partner-hero-photo{
  position:absolute!important;right:0!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:min(44%,510px)!important;height:clamp(245px,24vw,320px)!important;
  object-fit:cover!important;object-position:center!important;
  background:none!important;border-radius:14px!important;border:0!important;
  box-shadow:none!important;filter:none!important;
}
@media(max-width:960px){
  .legacy-reseller .top-hero .site-shell{padding-right:min(43%,440px)!important;min-height:300px!important}
  .legacy-reseller #top .partner-hero-photo{width:min(41%,380px)!important;height:250px!important}
}
@media(max-width:760px){
  .legacy-reseller .top-hero .site-shell{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    padding-right:0!important;min-height:0!important;
  }
  .legacy-reseller #top .partner-hero-photo{
    position:static!important;width:100%!important;height:auto!important;
    aspect-ratio:16/10!important;max-height:380px!important;
    transform:none!important;object-fit:cover!important;
    margin-top:22px!important;
  }
  .detail-visual--kiosk.uo-kiosk-stage .detail-hero__image{
    max-height:560px!important;
  }
}
@media(max-width:420px){
  .detail-visual--kiosk.uo-kiosk-stage{padding:2px 6px!important}
  .detail-visual--kiosk.uo-kiosk-stage .detail-hero__image{max-height:480px!important}
}
@media(prefers-reduced-motion:reduce){
 .detail-visual--kiosk.uo-kiosk-stage .detail-hero__image{animation:none!important}
}

/* V11: clean navigation at the extra Partner, Affiliate and Pricing links. */
@media(min-width:1221px){
  .site-header .nav-wrap{gap:clamp(13px,1.55vw,24px)}
  .site-header .nav-links{gap:clamp(12px,1.3vw,23px)}
  .site-header .nav-links>a{font-size:clamp(10px,.8vw,12px)}
  .site-header .nav-apply{padding-inline:17px;gap:12px}
}
@media(min-width:1051px) and (max-width:1220px){
  .site-header .nav-links,.site-header .nav-apply{display:none!important}
  .site-header .menu-toggle{display:flex!important;margin-left:auto;align-items:center;justify-content:center;background:transparent;border:1px solid #27343c;width:43px;height:43px}
  .site-header .mobile-menu{display:block!important;position:absolute;top:100%;left:0;right:0;background:#f5f7f9;border-bottom:1px solid #d8e0e5;max-height:0!important;opacity:0;visibility:hidden;overflow:hidden!important;transition:max-height .35s,opacity .25s,visibility .25s}
  .site-header .mobile-menu.is-open{max-height:calc(100vh - 105px)!important;opacity:1;visibility:visible;overflow-y:auto!important}
  .mobile-menu .container{padding:18px 0 26px}
  .mobile-menu .container>a{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #dce3e7;font-weight:800;font-family:Manrope,Arial,sans-serif;font-size:17px}
  .mobile-menu .mobile-menu__apply{background:#f5c20c;border:0;padding:19px;margin-top:15px;font-size:15px}
}
@media(max-width:1050px){
  .site-header .mobile-menu{max-height:0!important;overflow:hidden!important}
  .site-header .mobile-menu.is-open{max-height:calc(100vh - 105px)!important;overflow-y:auto!important}
}

/* Hide wholesale-only fields when affiliate intent is selected. */
.form-card label[hidden]{display:none!important}