Apple Inside

Apple Inside is an Apple-electronics store in Anapa, running on Bitrix. My way in was rich content — the large "product" pages, like Apple's own, with video, animation, and a bespoke layout per device. The first one, back in autumn, took me two working days: figuring out how to even approach it, writing, rewriting rough code. And it was a simpler page than the ones being built now.

That pain grew into XRC — a small design system for rich content. A base layer of tokens, a bento grid, and clamp()-based typography sits globally and stays untouched; everything page-specific — colors, gradients, proportions — goes into a single `<style>` inside the scope. Behavior — video autoplay and viewport animations via IntersectionObserver — is a shared layer too. Because of that, a new page now takes me three to six hours, on more elaborate layouts than that first one.

Then there's making it pleasant to build. Rich content only lives inside Bitrix, so I stood up a local Flask server: it injects the page into the real product wrapper, remaps production asset paths to local ones, and keeps a live-reload. You see the content exactly as it'll sit on the site and edit with hot reload, without pushing changes to prod just to check them.

Separate features grew on top of the system. Instagram-style stories — my own viewer on Swiper with nested sliders, timing keyed to real video length, hold-to-pause, and unified gestures for touch and mouse. An installment widget in the cart with live payment recalculation. Transparent videos for the Macs in ProRes 4444 — HEVC won't encode cleanly from Windows, so the formats took some untangling.

And honestly about the limits: all of this is on a legacy stack — jQuery and static markup, no bundlers, inside Bitrix. That's what made it interesting: squeezing a system and some speed out of what's already there, without a framework on top.