{"id":865,"date":"2026-08-26T19:50:15","date_gmt":"2026-08-26T19:50:15","guid":{"rendered":"https:\/\/sampletestlinks.com\/jill\/?page_id=865"},"modified":"2026-10-01T22:07:20","modified_gmt":"2026-10-01T22:07:20","slug":"build-your-perfect-kit-collection","status":"publish","type":"page","link":"https:\/\/sampletestlinks.com\/jill\/build-your-perfect-kit-collection\/","title":{"rendered":"Build Your Perfect Kit Collection"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"865\" class=\"elementor elementor-865\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaea6d7 e-flex e-con-boxed e-con e-parent\" data-id=\"aaea6d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f3e286d e-con-full e-flex e-con e-child\" data-id=\"f3e286d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-feea0cb elementor-widget elementor-widget-heading\" data-id=\"feea0cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Choose your kit size<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-378160b elementor-widget elementor-widget-text-editor\" data-id=\"378160b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"build-a-kit__step-head\"><p class=\"build-a-kit__subheading\">Pick a kit, then fill it with your favorite items.<\/p><p><strong data-renderer-mark=\"true\">Free domestic shipping<\/strong><\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fb0aa57 e-con-full e-flex e-con e-child\" data-id=\"fb0aa57\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fe5083 elementor-widget elementor-widget-shortcode\" data-id=\"3fe5083\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><div class=\"woocommerce columns-3 \"><ul class=\"products columns-3\">\n<li class=\"product type-product post-872 status-publish first instock product_cat-kit-items product_cat-travel-better-all-products has-post-thumbnail shipping-taxable purchasable product-type-mix-and-match\">\n\t<a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-10-items\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Build Your Perfect Kit - 10 Items\" srcset=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp 300w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-150x150.webp 150w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-100x100.webp 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Build Your Perfect Kit &#8211; 10 Items<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#36;<\/span>35.00<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-10-items\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_872\" data-quantity=\"1\" class=\"button product_type_mix-and-match add_to_cart_button\" data-product_id=\"872\" data-product_sku=\"\" aria-label=\"Select options for &ldquo;Build Your Perfect Kit - 10 Items&rdquo;\" rel=\"\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_872\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-2912 status-publish instock product_cat-kit-items product_cat-travel-better-all-products has-post-thumbnail shipping-taxable purchasable product-type-mix-and-match\">\n\t<a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-15-items\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Build Your Perfect Kit - 15 Items\" srcset=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp 300w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-150x150.webp 150w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-100x100.webp 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Build Your Perfect Kit &#8211; 15 Items<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#36;<\/span>45.00<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-15-items\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2912\" data-quantity=\"1\" class=\"button product_type_mix-and-match add_to_cart_button\" data-product_id=\"2912\" data-product_sku=\"\" aria-label=\"Select options for &ldquo;Build Your Perfect Kit - 15 Items&rdquo;\" rel=\"\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2912\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-2913 status-publish last instock product_cat-kit-items product_cat-travel-better-all-products has-post-thumbnail shipping-taxable purchasable product-type-mix-and-match\">\n\t<a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-20-items\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Build Your Perfect Kit - 20 Items\" srcset=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp 300w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-150x150.webp 150w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-100x100.webp 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Build Your Perfect Kit &#8211; 20 Items<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#36;<\/span>65.00<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-20-items\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2913\" data-quantity=\"1\" class=\"button product_type_mix-and-match add_to_cart_button\" data-product_id=\"2913\" data-product_sku=\"\" aria-label=\"Select options for &ldquo;Build Your Perfect Kit - 20 Items&rdquo;\" rel=\"\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2913\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-2914 status-publish first instock product_cat-kit-items product_cat-travel-better-all-products has-post-thumbnail shipping-taxable purchasable product-type-mix-and-match\">\n\t<a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-25-items\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Build Your Perfect Kit - 25 Items\" srcset=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp 300w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-150x150.webp 150w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-100x100.webp 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Build Your Perfect Kit &#8211; 25 Items<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#36;<\/span>75.00<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-25-items\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2914\" data-quantity=\"1\" class=\"button product_type_mix-and-match add_to_cart_button\" data-product_id=\"2914\" data-product_sku=\"\" aria-label=\"Select options for &ldquo;Build Your Perfect Kit - 25 Items&rdquo;\" rel=\"\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2914\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<li class=\"product type-product post-2915 status-publish instock product_cat-kit-items product_cat-travel-better-all-products has-post-thumbnail shipping-taxable purchasable product-type-mix-and-match\">\n\t<a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-30-items\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp\" class=\"attachment-woocommerce_thumbnail size-woocommerce_thumbnail\" alt=\"Build Your Perfect Kit - 30 Items\" srcset=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-300x300.webp 300w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-150x150.webp 150w, https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-29-2026-12_12_48-AM-100x100.webp 100w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><h2 class=\"woocommerce-loop-product__title\">Build Your Perfect Kit &#8211; 30 Items<\/h2>\n\t<span class=\"price\"><span class=\"woocommerce-Price-amount amount\"><bdi><span class=\"woocommerce-Price-currencySymbol\" translate=\"no\">&#36;<\/span>85.00<\/bdi><\/span><\/span>\n<\/a><a href=\"https:\/\/sampletestlinks.com\/jill\/product\/build-your-perfect-kit-30-items\/\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_2915\" data-quantity=\"1\" class=\"button product_type_mix-and-match add_to_cart_button\" data-product_id=\"2915\" data-product_sku=\"\" aria-label=\"Select options for &ldquo;Build Your Perfect Kit - 30 Items&rdquo;\" rel=\"\">Select options<\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_2915\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n<\/ul>\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c10be99 e-flex e-con-boxed e-con e-parent\" data-id=\"c10be99\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7475d1 elementor-widget elementor-widget-html\" data-id=\"a7475d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ubt-social-section\">\r\n\r\n    <div class=\"ubt-social-inner\">\r\n\r\n        <!-- ================= LEFT CONTENT ================= -->\r\n\r\n        <div class=\"ubt-social-content\">\r\n\r\n            <div class=\"ubt-social-handle\">\r\n                Follow @ubutbetter\r\n            <\/div>\r\n            \r\n            <div class=\"footer-socials\" style=\"margin-bottom: 12px;\">\r\n          <a href=\"https:\/\/www.facebook.com\/people\/UButBetter\/61580689794480\/\" class=\"footer-social\" aria-label=\"Facebook\"><img decoding=\"async\" src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/08\/Vector345.png\"><\/a>\r\n          <a href=\"https:\/\/www.instagram.com\/u.but.better\" class=\"footer-social\" aria-label=\"Instagram\"><img decoding=\"async\" src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/08\/SVG367.png\"><\/a>\r\n        <\/div>\r\n        \r\n<style>\r\n    \r\n    .footer-social {\r\n    width: 32px;\r\n    height: 32px;\r\n    border-radius: 50%;\r\n    background: #61136f;\r\n    color: #fff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 20px;\r\n    text-decoration: none;\r\n}\r\n    \r\n<\/style>\r\n\r\n            <h2>\r\n                Travel problems, quietly solved\r\n            <\/h2>\r\n\r\n            <p>\r\n                Every product here exists because a trip went sideways once.\r\n                <!--Find your annoyance below. use.-->\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- ================= RIGHT IMAGE SLIDER ================= -->\r\n\r\n        <div class=\"ubt-video-area\">\r\n\r\n            <button\r\n                class=\"ubt-slider-arrow ubt-slider-prev\"\r\n                type=\"button\"\r\n                aria-label=\"Previous images\">\r\n                &#8249;\r\n            <\/button>\r\n\r\n\r\n            <div class=\"ubt-video-viewport\">\r\n\r\n                <div class=\"ubt-video-track\">\r\n\r\n\r\n                    <!-- IMAGE 1 -->\r\n\r\n                    <div class=\"ubt-video-card\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/Sa9198e2b7f274016b3adf78da38bf20aF.webp\"\r\n                            alt=\"UButBetter Travel\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- IMAGE 2 -->\r\n\r\n                    <div class=\"ubt-video-card\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/08\/486afa23-22f0-4a14-9e31-9e1a0146fb2e_2.webp\"\r\n                            alt=\"UButBetter Travel\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- IMAGE 3 -->\r\n\r\n                    <div class=\"ubt-video-card\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/08\/S53bd20b3c8fd4f60b307be386830be62i.webp\"\r\n                            alt=\"UButBetter Travel\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- IMAGE 4 -->\r\n\r\n                    <div class=\"ubt-video-card\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/S9275f50e54fe40e394da266a29b0d298S.webp\"\r\n                            alt=\"UButBetter Travel\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- IMAGE 5 -->\r\n\r\n                    <div class=\"ubt-video-card\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/Sd10dc8a6273e4aa29f1eeaf5332ba59eX.webp\"\r\n                            alt=\"UButBetter Travel\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- IMAGE 6 -->\r\n\r\n                    <div class=\"ubt-video-card\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/S7f32d0ac1f734e67bcfc88e194783ee8x.webp\"\r\n                            alt=\"UButBetter Travel\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- IMAGE 7 -->\r\n\r\n                    <div class=\"ubt-video-card\">\r\n\r\n                        <img decoding=\"async\"\r\n                            src=\"https:\/\/sampletestlinks.com\/jill\/wp-content\/uploads\/2026\/09\/S0e4d138524eb4a358e4803195a7a2a66P.webp\"\r\n                            alt=\"UButBetter Travel\"\r\n                        >\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <button\r\n                class=\"ubt-slider-arrow ubt-slider-next\"\r\n                type=\"button\"\r\n                aria-label=\"Next images\">\r\n                &#8250;\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =====================================================\r\n   U BUT BETTER\r\n   SOCIAL \/ IMAGE SECTION\r\n===================================================== *\/\r\n\r\n.ubt-social-section {\r\n\r\n    width: 100%;\r\n\r\n    background: #f7f5ed;\r\n\r\n    padding: 62px 55px 65px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MAIN LAYOUT\r\n===================================================== *\/\r\n\r\n.ubt-social-inner {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1260px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        38% 62%;\r\n\r\n    align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LEFT CONTENT\r\n===================================================== *\/\r\n\r\n.ubt-social-content {\r\n\r\n    padding-right: 45px;\r\n\r\n}\r\n\r\n\r\n.ubt-social-handle {\r\n\r\n    margin-bottom: 12px;\r\n\r\n    color: #111;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.4;\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.ubt-social-content h2 {\r\n\r\n    margin: 0 0 18px;\r\n\r\n    color: #111;\r\n\r\n    font-size: 29px;\r\n\r\n    line-height: 1.15;\r\n\r\n    font-weight: 400;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    font-family: Georgia, sans-serif;\r\n\r\n    font-style: italic;\r\n\r\n}\r\n\r\n\r\n.ubt-social-content p {\r\n\r\n    max-width: 440px;\r\n\r\n    margin: 0;\r\n\r\n    color: #222;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.65;\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   IMAGE AREA\r\n===================================================== *\/\r\n\r\n.ubt-video-area {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   VIEWPORT\r\n===================================================== *\/\r\n\r\n.ubt-video-viewport {\r\n\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TRACK\r\n===================================================== *\/\r\n\r\n.ubt-video-track {\r\n\r\n    display: flex;\r\n\r\n    gap: 20px;\r\n\r\n    transition:\r\n        transform .45s cubic-bezier(.4,0,.2,1);\r\n\r\n    will-change: transform;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   IMAGE CARD\r\n===================================================== *\/\r\n\r\n.ubt-video-card {\r\n\r\n    position: relative;\r\n\r\n    flex:\r\n        0 0 125px;\r\n\r\n    height: 222px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 9px;\r\n\r\n    background: #ddd;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   IMAGE\r\n===================================================== *\/\r\n\r\n.ubt-video-card img {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    display: block;\r\n\r\n    object-fit: cover;\r\n\r\n    transition:\r\n        transform .45s ease;\r\n\r\n}\r\n\r\n\r\n\/* IMAGE HOVER *\/\r\n\r\n.ubt-video-card:hover img {\r\n\r\n    transform: scale(1.05);\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ARROWS\r\n===================================================== *\/\r\n\r\n.ubt-slider-arrow {\r\n\r\n    position: absolute;\r\n\r\n    top: 50%;\r\n\r\n    z-index: 20;\r\n\r\n    width: 38px;\r\n\r\n    height: 38px;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #fff;\r\n\r\n    color: #111;\r\n\r\n    font-size: 29px;\r\n\r\n    line-height: 30px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow:\r\n        0 3px 15px rgba(0,0,0,.08);\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    transition:\r\n        all .2s ease;\r\n\r\n}\r\n\r\n\r\n.ubt-slider-arrow:hover {\r\n\r\n    background: #440256;\r\n\r\n    color: #fff;\r\n\r\n}\r\n\r\n\r\n.ubt-slider-prev {\r\n\r\n    left: -19px;\r\n\r\n}\r\n\r\n\r\n.ubt-slider-next {\r\n\r\n    right: -19px;\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   TABLET\r\n===================================================== *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .ubt-social-section {\r\n\r\n        padding:\r\n            50px 30px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-inner {\r\n\r\n        grid-template-columns:\r\n            36% 64%;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-content {\r\n\r\n        padding-right: 25px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-content h2 {\r\n\r\n        font-size: 25px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-content p {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-video-track {\r\n\r\n        gap: 14px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-video-card {\r\n\r\n        flex-basis: 112px;\r\n\r\n        height: 200px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .ubt-social-section {\r\n\r\n        padding:\r\n            42px 18px 48px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-inner {\r\n\r\n        display: block;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-content {\r\n\r\n        padding: 0;\r\n\r\n        margin-bottom: 28px;\r\n\r\n        text-align: center;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-handle {\r\n\r\n        font-size: 12px;\r\n\r\n        margin-bottom: 9px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-content h2 {\r\n\r\n        font-size: 24px;\r\n\r\n        letter-spacing: 1.5px;\r\n\r\n        margin-bottom: 13px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-social-content p {\r\n\r\n        max-width: 500px;\r\n\r\n        margin: 0 auto;\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.6;\r\n\r\n    }\r\n\r\n\r\n    .ubt-video-card {\r\n\r\n        flex-basis: 125px;\r\n\r\n        height: 220px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-video-track {\r\n\r\n        gap: 12px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-slider-prev {\r\n\r\n        left: -8px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-slider-next {\r\n\r\n        right: -8px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   SMALL MOBILE\r\n===================================================== *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .ubt-video-card {\r\n\r\n        flex-basis: 112px;\r\n\r\n        height: 198px;\r\n\r\n    }\r\n\r\n\r\n    .ubt-slider-arrow {\r\n\r\n        width: 32px;\r\n\r\n        height: 32px;\r\n\r\n        font-size: 24px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   PREMIUM ENTRANCE\r\n===================================================== *\/\r\n\r\n.ubt-social-content {\r\n\r\n    opacity: 0;\r\n\r\n    transform: translateY(35px);\r\n\r\n    animation:\r\n        ubtSocialContentReveal\r\n        .9s\r\n        cubic-bezier(.22,1,.36,1)\r\n        forwards;\r\n\r\n}\r\n\r\n\r\n.ubt-video-area {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateX(45px)\r\n        scale(.97);\r\n\r\n    animation:\r\n        ubtSocialVideoAreaReveal\r\n        1s\r\n        cubic-bezier(.22,1,.36,1)\r\n        forwards;\r\n\r\n    animation-delay:\r\n        .2s;\r\n\r\n}\r\n\r\n\r\n\/* IMAGE CARDS *\/\r\n\r\n.ubt-video-card {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n        translateY(30px)\r\n        scale(.94);\r\n\r\n    animation:\r\n        ubtSocialCardReveal\r\n        .7s\r\n        cubic-bezier(.22,1,.36,1)\r\n        forwards;\r\n\r\n}\r\n\r\n\r\n\/* STAGGER *\/\r\n\r\n.ubt-video-card:nth-child(1) {\r\n    animation-delay: .35s;\r\n}\r\n\r\n.ubt-video-card:nth-child(2) {\r\n    animation-delay: .45s;\r\n}\r\n\r\n.ubt-video-card:nth-child(3) {\r\n    animation-delay: .55s;\r\n}\r\n\r\n.ubt-video-card:nth-child(4) {\r\n    animation-delay: .65s;\r\n}\r\n\r\n.ubt-video-card:nth-child(5) {\r\n    animation-delay: .75s;\r\n}\r\n\r\n.ubt-video-card:nth-child(6) {\r\n    animation-delay: .85s;\r\n}\r\n\r\n.ubt-video-card:nth-child(7) {\r\n    animation-delay: .95s;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   KEYFRAMES\r\n===================================================== *\/\r\n\r\n@keyframes ubtSocialContentReveal {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(35px);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ubtSocialVideoAreaReveal {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateX(45px)\r\n            scale(.97);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateX(0)\r\n            scale(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ubtSocialCardReveal {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(30px)\r\n            scale(.94);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE ENTRANCE *\/\r\n\r\n@media (max-width: 700px) {\r\n\r\n    .ubt-social-content {\r\n\r\n        animation-duration:\r\n            .8s;\r\n\r\n    }\r\n\r\n\r\n    .ubt-video-area {\r\n\r\n        transform:\r\n            translateY(35px)\r\n            scale(.98);\r\n\r\n        animation-name:\r\n            ubtSocialMobileVideoReveal;\r\n\r\n        animation-duration:\r\n            .9s;\r\n\r\n        animation-delay:\r\n            .15s;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes ubtSocialMobileVideoReveal {\r\n\r\n    from {\r\n\r\n        opacity: 0;\r\n\r\n        transform:\r\n            translateY(35px)\r\n            scale(.98);\r\n\r\n    }\r\n\r\n    to {\r\n\r\n        opacity: 1;\r\n\r\n        transform:\r\n            translateY(0)\r\n            scale(1);\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n    const section =\r\n        document.currentScript\r\n            .previousElementSibling\r\n            .previousElementSibling;\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const track =\r\n        section.querySelector(\r\n            '.ubt-video-track'\r\n        );\r\n\r\n\r\n    const cards =\r\n        section.querySelectorAll(\r\n            '.ubt-video-card'\r\n        );\r\n\r\n\r\n    const next =\r\n        section.querySelector(\r\n            '.ubt-slider-next'\r\n        );\r\n\r\n\r\n    const prev =\r\n        section.querySelector(\r\n            '.ubt-slider-prev'\r\n        );\r\n\r\n\r\n    let position = 0;\r\n\r\n\r\n    function getStep() {\r\n\r\n        if (!cards.length)\r\n            return 0;\r\n\r\n\r\n        const cardWidth =\r\n            cards[0].offsetWidth;\r\n\r\n\r\n        const gap =\r\n            parseFloat(\r\n                getComputedStyle(track).gap\r\n            ) || 0;\r\n\r\n\r\n        return cardWidth + gap;\r\n\r\n    }\r\n\r\n\r\n    function visibleCards() {\r\n\r\n        const viewport =\r\n            section.querySelector(\r\n                '.ubt-video-viewport'\r\n            );\r\n\r\n\r\n        return Math.floor(\r\n            viewport.offsetWidth \/\r\n            getStep()\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function maxPosition() {\r\n\r\n        return Math.max(\r\n            0,\r\n            cards.length -\r\n            visibleCards()\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function updateSlider() {\r\n\r\n        position =\r\n            Math.max(\r\n                0,\r\n                Math.min(\r\n                    position,\r\n                    maxPosition()\r\n                )\r\n            );\r\n\r\n\r\n        track.style.transform =\r\n            'translateX(-' +\r\n            (position * getStep()) +\r\n            'px)';\r\n\r\n    }\r\n\r\n\r\n    next.addEventListener(\r\n        'click',\r\n        function() {\r\n\r\n            position++;\r\n\r\n            updateSlider();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    prev.addEventListener(\r\n        'click',\r\n        function() {\r\n\r\n            position--;\r\n\r\n            updateSlider();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    window.addEventListener(\r\n        'resize',\r\n        updateSlider\r\n    );\r\n\r\n\r\n    updateSlider();\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Choose your kit size Pick a kit, then fill it with your favorite items. Free domestic shipping Follow @ubutbetter Travel problems, quietly solved Every product here exists because a trip went sideways once. &#8249; &#8250;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-865","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sampletestlinks.com\/jill\/wp-json\/wp\/v2\/pages\/865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sampletestlinks.com\/jill\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sampletestlinks.com\/jill\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sampletestlinks.com\/jill\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sampletestlinks.com\/jill\/wp-json\/wp\/v2\/comments?post=865"}],"version-history":[{"count":19,"href":"https:\/\/sampletestlinks.com\/jill\/wp-json\/wp\/v2\/pages\/865\/revisions"}],"predecessor-version":[{"id":3162,"href":"https:\/\/sampletestlinks.com\/jill\/wp-json\/wp\/v2\/pages\/865\/revisions\/3162"}],"wp:attachment":[{"href":"https:\/\/sampletestlinks.com\/jill\/wp-json\/wp\/v2\/media?parent=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}