/* THE THEME ALREADY RUNS TWO COLUMNS, and that is why the tabs kept landing in the second one. Measured on the live page: DIV.f-product__description--full-width computes column-count 2, the description is injected into a DIV.rte inside it, and column-span:all only works on a DIRECT child of the multicol element. The tab block sits two levels down, so its span silently resolved to none and it flowed as ordinary column content, 701px wide at x=725. So .rte is taken out of the theme's columns, and the columns are rebuilt inside it around the running text only. Same two columns Gaston asked for, now across the full width, with the tabs and the film below them rather than beside them. Scoped to this container so no other rich text on the site moves. */ .f-product__description--full-width > .rte{column-span:all;-webkit-column-span:all} .ok-lth{} .ok-lth .ok-cols{column-count:1} .ok-lth .ok-lead{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;font-size:17.28px;line-height:1.35;margin:0 0 10px;color:#333} .ok-lth .ok-intro{margin:0 0 12px;line-height:1.7} .ok-lth .ok-said{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;font-size:14.4px;margin:22px 0 10px;color:#333;column-span:all;-webkit-column-span:all} .ok-lth .ok-block{break-inside:avoid;page-break-inside:avoid;margin:0 0 18px} .ok-lth .ok-block h3{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;font-size:14.4px;line-height:1.35;color:#333;margin:0 0 4px} .ok-lth .ok-block p{margin:0;line-height:1.7} .ok-lth .ok-list{list-style:none;padding:0;margin:0 0 16px} .ok-lth .ok-list li{padding:9px 0;border-bottom:1px solid #ededed;line-height:1.7} .ok-lth .ok-list li:first-child{border-top:1px solid #ededed} .ok-lth .ok-list strong{color:#333} .ok-lth .ok-sub{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;font-size:13px;color:#333;margin:18px 0 6px} .ok-lth .ok-faq li{padding:12px 0} .ok-lth .ok-faq strong{display:block;color:#333;margin:0 0 3px} .ok-lth .ok-embed{clear:both;margin:26px 0 0;position:relative;padding-top:56.25%} .ok-lth .ok-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .ok-lth .ok-tabs{margin:30px 0 0;clear:both} .ok-lth .ok-tabs input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none} .ok-lth .ok-tabs__bar{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #ededed;margin:0 0 20px;padding:0 0 10px} .ok-lth .ok-tabs__bar label{display:inline-block;padding:10px 16px;cursor:pointer;font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;font-size:14.4px;line-height:1.2;color:#333;background:#f3f2f2;border:1px solid #ededed} .ok-lth .ok-tabs__bar label:hover{background:#ededed} .ok-lth .ok-panel{display:none} .ok-lth #ok-lth1:checked~.ok-tabs__bar label[for=ok-lth1],.ok-lth #ok-lth2:checked~.ok-tabs__bar label[for=ok-lth2],.ok-lth #ok-lth3:checked~.ok-tabs__bar label[for=ok-lth3],.ok-lth #ok-lth4:checked~.ok-tabs__bar label[for=ok-lth4],.ok-lth #ok-lth5:checked~.ok-tabs__bar label[for=ok-lth5]{background:#ff0202;border-color:#ff0202;color:#fff} .ok-lth #ok-lth1:focus-visible~.ok-tabs__bar label[for=ok-lth1],.ok-lth #ok-lth2:focus-visible~.ok-tabs__bar label[for=ok-lth2],.ok-lth #ok-lth3:focus-visible~.ok-tabs__bar label[for=ok-lth3],.ok-lth #ok-lth4:focus-visible~.ok-tabs__bar label[for=ok-lth4],.ok-lth #ok-lth5:focus-visible~.ok-tabs__bar label[for=ok-lth5]{outline:2px solid #333;outline-offset:2px} .ok-lth #ok-lth1:checked~.ok-tabs__panels .ok-panel--1,.ok-lth #ok-lth2:checked~.ok-tabs__panels .ok-panel--2,.ok-lth #ok-lth3:checked~.ok-tabs__panels .ok-panel--3,.ok-lth #ok-lth4:checked~.ok-tabs__panels .ok-panel--4,.ok-lth #ok-lth5:checked~.ok-tabs__panels .ok-panel--5{display:block} .ok-lth .ok-panel p{line-height:1.7} /* LONG PANELS RUN IN TWO COLUMNS, BALANCED. Gaston, 2026-08-24: "long text in tabs should break into two columns and be even". column-fill:balance is what "even" means here: without it a browser fills the first column to the container height and leaves the second short. A list ROW never splits across the gap, because half a row either side of a 40px gutter is unreadable; paragraphs are allowed to break, since forbidding that is what makes columns uneven in the first place. The class is set at build time from the panel's own text length, so a four line Compatibility panel is not forced into two columns to sit half empty. */ .ok-lth .ok-panel--cols{column-count:1} .ok-lth .ok-panel--cols li{break-inside:avoid;page-break-inside:avoid} .ok-lth .ok-panel--cols .ok-sub{column-span:all;-webkit-column-span:all} .ok-lth .ok-film{clear:both;margin:30px 0 0} .ok-lth .ok-film__eyb{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#7c7f85;margin:0 0 8px} .ok-lth .ok-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0c0c0d;border:1px solid #ededed} .ok-lth .ok-film figcaption{font-size:12.5px;line-height:1.55;color:#4a4c50;padding:10px 0 0;margin:0} @media (min-width:900px){ .ok-lth .ok-cols{column-count:2;column-gap:40px} .ok-lth .ok-panel--cols{column-count:2;column-gap:40px;column-fill:balance} } Lightweight. Durable. Always Within Reach. Tired of long camera straps when you just want to grab your camera and shoot? Switch to the Owlkrown Leather Thumb Strap when you want something compact, lightweight, and effortless. At just 10 grams, it’s small enough to keep on your keychain, in your pocket, or in your camera bag, so it’s always there when you need it. Crafted in Miami, Florida from full-grain leather, the Stealth edition features a clean, all-black finish designed to complement your camera without getting in the way. Slip it around your thumb for an extra point of security and a more confident grip while shooting. When you’re done, simply detach it and keep it with your keys until the next shot. Why You’ll Love ItIn the BoxCare Full-grain leather Ultra-lightweight at just 10 grams Compact alternative to a traditional long camera strap Easy to carry on your keychain Provides added security while shooting All-black Stealth finish Crafted in Miami, Florida 1 × Leather Thumb Strap Packed in an Owlkrown tin. The strap weighs 10 grams, 75 grams in its tin. Wipe the leather with a dry cloth. If it takes on water, let it dry away from direct heat rather than near it, because heat is what hardens a hide. Full grain leather darkens and softens with use; that patina is the material behaving correctly, not wearing out.
Related
Related
Related
Related