/* 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-th{} .ok-th .ok-cols{column-count:1} .ok-th .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-th .ok-intro{margin:0 0 12px;line-height:1.7} .ok-th .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-th .ok-block{break-inside:avoid;page-break-inside:avoid;margin:0 0 18px} .ok-th .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-th .ok-block p{margin:0;line-height:1.7} .ok-th .ok-list{list-style:none;padding:0;margin:0 0 16px} .ok-th .ok-list li{padding:9px 0;border-bottom:1px solid #ededed;line-height:1.7} .ok-th .ok-list li:first-child{border-top:1px solid #ededed} .ok-th .ok-list strong{color:#333} .ok-th .ok-sub{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;font-size:13px;color:#333;margin:18px 0 6px} .ok-th .ok-faq li{padding:12px 0} .ok-th .ok-faq strong{display:block;color:#333;margin:0 0 3px} .ok-th .ok-embed{clear:both;margin:26px 0 0;position:relative;padding-top:56.25%} .ok-th .ok-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .ok-th .ok-tabs{margin:30px 0 0;clear:both} .ok-th .ok-tabs input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none} .ok-th .ok-tabs__bar{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #ededed;margin:0 0 20px;padding:0 0 10px} .ok-th .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-th .ok-tabs__bar label:hover{background:#ededed} .ok-th .ok-panel{display:none} .ok-th #ok-th1:checked~.ok-tabs__bar label[for=ok-th1],.ok-th #ok-th2:checked~.ok-tabs__bar label[for=ok-th2],.ok-th #ok-th3:checked~.ok-tabs__bar label[for=ok-th3],.ok-th #ok-th4:checked~.ok-tabs__bar label[for=ok-th4],.ok-th #ok-th5:checked~.ok-tabs__bar label[for=ok-th5]{background:#ff0202;border-color:#ff0202;color:#fff} .ok-th #ok-th1:focus-visible~.ok-tabs__bar label[for=ok-th1],.ok-th #ok-th2:focus-visible~.ok-tabs__bar label[for=ok-th2],.ok-th #ok-th3:focus-visible~.ok-tabs__bar label[for=ok-th3],.ok-th #ok-th4:focus-visible~.ok-tabs__bar label[for=ok-th4],.ok-th #ok-th5:focus-visible~.ok-tabs__bar label[for=ok-th5]{outline:2px solid #333;outline-offset:2px} .ok-th #ok-th1:checked~.ok-tabs__panels .ok-panel--1,.ok-th #ok-th2:checked~.ok-tabs__panels .ok-panel--2,.ok-th #ok-th3:checked~.ok-tabs__panels .ok-panel--3,.ok-th #ok-th4:checked~.ok-tabs__panels .ok-panel--4,.ok-th #ok-th5:checked~.ok-tabs__panels .ok-panel--5{display:block} .ok-th .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-th .ok-panel--cols{column-count:1} .ok-th .ok-panel--cols li{break-inside:avoid;page-break-inside:avoid} .ok-th .ok-panel--cols .ok-sub{column-span:all;-webkit-column-span:all} .ok-th .ok-film{clear:both;margin:30px 0 0} .ok-th .ok-film__eyb{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#7c7f85;margin:0 0 8px} .ok-th .ok-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0c0c0d;border:1px solid #ededed} .ok-th .ok-film figcaption{font-size:12.5px;line-height:1.55;color:#4a4c50;padding:10px 0 0;margin:0} @media (min-width:900px){ .ok-th .ok-cols{column-count:2;column-gap:40px} .ok-th .ok-panel--cols{column-count:2;column-gap:40px;column-fill:balance} } Lightweight and Durable Proudly crafted in Miami, Florida, the Owlkrown Keychain Thumb Strap combines functionality, style, and local craftsmanship to provide photographers with an accessory built to last. Made from durable woven rope and finished with a genuine leather end, this thumb strap offers unparalleled comfort and security, giving you the confidence to shoot with ease. Its ergonomic design enhances grip and control, making it an essential tool for both professional photographers and hobbyists. In the BoxMaterialsCare A durable flat Thumb Strap Blacked-out 0.75" diameter split rings (standard polished split rings included) Detachable lug covers for enhanced fit Owlkrown badge stickers to show off your style Pry tool for easy installation of your strap A personalized letter from our founder, Gaston Shutters Certificate of authenticity for your Owlkrown product Packed in an Owlkrown tin. The strap weighs 9 grams, 74 grams in its tin. The leather. Italian full grain throughout. The strap end is American top grain, chosen for its toughness and tight fibers, because the end is where the wear concentrates. 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. The strap end is American top grain, chosen for its tight fibers, and it is the part that takes the wear. Check its stitching when you clean the strap. The rope needs no treatment. Rinse it in cool water if it picks up salt or grit, and let it air dry before rolling it away.
Related
Related
Related
Related