{"id":6249,"date":"2026-08-02T17:54:24","date_gmt":"2026-08-02T16:54:24","guid":{"rendered":"https:\/\/www.straymysteries.com\/?page_id=6249"},"modified":"2026-08-09T15:23:55","modified_gmt":"2026-08-09T14:23:55","slug":"meet-smoky","status":"publish","type":"page","link":"https:\/\/www.straymysteries.com\/index.php\/meet-smoky\/","title":{"rendered":"Meet Smokey"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6249\" class=\"elementor elementor-6249\" data-elementor-post-type=\"page\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-0fa99b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-row-max-none\" data-id=\"0fa99b6\" data-element_type=\"section\" data-e-type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default \">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-783bda0\" data-id=\"783bda0\" data-element_type=\"column\" data-e-type=\"column\">\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\n                    \n        \t\t<div class=\"elementor-element elementor-element-234fa97 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"234fa97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================\r\n     SMOKY PROFILE - FULL UPDATED MODERN DESIGN\r\n========================================== -->\r\n<section class=\"op-profile\">\r\n<style>\r\n.op-profile,\r\n.op-profile *{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\n.op-profile{\r\n    position:relative;\r\n    padding:100px 20px;\r\n    background:\r\n        radial-gradient(circle at 8% 8%,rgba(45,43,215,.13),transparent 30%),\r\n        radial-gradient(circle at 92% 85%,rgba(106,104,255,.10),transparent 28%),\r\n        #f7f7fc;\r\n    font-family:\"Segoe UI\",Arial,sans-serif;\r\n    overflow:hidden;\r\n}\r\n\r\n.op-profile::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-180px;\r\n    right:-180px;\r\n    width:440px;\r\n    height:440px;\r\n    border:70px solid rgba(45,43,215,.04);\r\n    border-radius:50%;\r\n}\r\n\r\n.op-profile::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-120px;\r\n    bottom:-160px;\r\n    width:360px;\r\n    height:360px;\r\n    border-radius:50%;\r\n    background:rgba(45,43,215,.04);\r\n}\r\n\r\n.op-wrapper{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:1320px;\r\n    margin:auto;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN PROFILE CARD\r\n========================================= *\/\r\n\r\n.op-main-card{\r\n    padding:18px;\r\n    border:1px solid rgba(45,43,215,.09);\r\n    border-radius:35px;\r\n    background:rgba(255,255,255,.88);\r\n    box-shadow:0 30px 80px rgba(28,28,72,.11);\r\n    backdrop-filter:blur(16px);\r\n}\r\n\r\n.op-main-grid{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);\r\n    gap:18px;\r\n    align-items:stretch;\r\n}\r\n\r\n\/* =========================================\r\n   IMAGE GALLERY\r\n========================================= *\/\r\n\r\n.op-gallery{\r\n    min-width:0;\r\n}\r\n\r\n.op-slider{\r\n    position:relative;\r\n    height:690px;\r\n    overflow:hidden;\r\n    border-radius:27px;\r\n    background:#eaeaf4;\r\n}\r\n\r\n.op-slide{\r\n    position:absolute;\r\n    inset:0;\r\n    opacity:0;\r\n    visibility:hidden;\r\n    transform:scale(1.025);\r\n    transition:\r\n        opacity .55s ease,\r\n        visibility .55s ease,\r\n        transform .7s ease;\r\n}\r\n\r\n.op-slide.active{\r\n    opacity:1;\r\n    visibility:visible;\r\n    transform:scale(1);\r\n}\r\n\r\n.op-slide img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n}\r\n\r\n.op-slider::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:2;\r\n    inset:0;\r\n    pointer-events:none;\r\n    background:\r\n        linear-gradient(180deg,rgba(10,10,25,.30) 0%,transparent 27%),\r\n        linear-gradient(0deg,rgba(10,10,25,.50) 0%,transparent 38%);\r\n}\r\n\r\n.op-gallery-top{\r\n    position:absolute;\r\n    z-index:5;\r\n    top:22px;\r\n    left:22px;\r\n    right:22px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:15px;\r\n    pointer-events:none;\r\n}\r\n\r\n.op-available{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:8px;\r\n    padding:10px 16px;\r\n    border-radius:50px;\r\n    background:#2d2bd7;\r\n    color:#ffffff;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:.5px;\r\n    text-transform:uppercase;\r\n    box-shadow:0 10px 24px rgba(45,43,215,.28);\r\n}\r\n\r\n.op-available::before{\r\n    content:\"\";\r\n    width:7px;\r\n    height:7px;\r\n    border-radius:50%;\r\n    background:#8dffad;\r\n    box-shadow:0 0 0 4px rgba(141,255,173,.18);\r\n}\r\n\r\n.op-count{\r\n    padding:10px 16px;\r\n    border:1px solid rgba(255,255,255,.30);\r\n    border-radius:50px;\r\n    background:rgba(15,15,30,.42);\r\n    color:#ffffff;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    backdrop-filter:blur(12px);\r\n}\r\n\r\n.op-arrow{\r\n    position:absolute;\r\n    z-index:6;\r\n    top:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    width:52px;\r\n    height:52px;\r\n    border:1px solid rgba(255,255,255,.30);\r\n    border-radius:50%;\r\n    background:rgba(255,255,255,.90);\r\n    color:#2d2bd7;\r\n    font-size:28px;\r\n    cursor:pointer;\r\n    transform:translateY(-50%);\r\n    box-shadow:0 14px 30px rgba(0,0,0,.16);\r\n    transition:.3s ease;\r\n}\r\n\r\n.op-arrow:hover{\r\n    background:#2d2bd7;\r\n    color:#ffffff;\r\n    transform:translateY(-50%) scale(1.07);\r\n}\r\n\r\n.op-prev{ left:18px; }\r\n.op-next{ right:18px; }\r\n\r\n.op-gallery-caption{\r\n    position:absolute;\r\n    z-index:5;\r\n    left:28px;\r\n    right:28px;\r\n    bottom:27px;\r\n    color:#ffffff;\r\n}\r\n\r\n.op-gallery-caption small{\r\n    display:block;\r\n    margin-bottom:7px;\r\n    color:rgba(255,255,255,.72);\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-gallery-caption h3{\r\n    max-width:600px;\r\n    font-size:clamp(28px,4vw,43px);\r\n    line-height:1.1;\r\n    font-weight:800;\r\n}\r\n\r\n\/* Thumbnails *\/\r\n\r\n.op-thumbnails{\r\n    display:grid;\r\n    grid-template-columns:repeat(6,1fr);\r\n    gap:9px;\r\n    margin-top:11px;\r\n}\r\n\r\n.op-thumb{\r\n    position:relative;\r\n    height:84px;\r\n    padding:0;\r\n    border:3px solid transparent;\r\n    border-radius:13px;\r\n    background:none;\r\n    overflow:hidden;\r\n    cursor:pointer;\r\n    opacity:.70;\r\n    transition:.25s ease;\r\n}\r\n\r\n.op-thumb img{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n}\r\n\r\n.op-thumb:hover,\r\n.op-thumb.active{\r\n    opacity:1;\r\n    border-color:#2d2bd7;\r\n    transform:translateY(-3px);\r\n    box-shadow:0 10px 22px rgba(45,43,215,.16);\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT PROFILE CONTENT\r\n========================================= *\/\r\n\r\n.op-content{\r\n    display:flex;\r\n    flex-direction:column;\r\n    height:100%;\r\n    padding:38px 34px;\r\n    border-radius:27px;\r\n    background:linear-gradient(145deg,#ffffff 0%,#fafaff 100%);\r\n}\r\n\r\n.op-name-row{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    justify-content:space-between;\r\n    gap:18px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.op-name h3{\r\n    margin-bottom:6px;\r\n    color:#17172b;\r\n    font-size:clamp(42px,5vw,60px);\r\n    line-height:1;\r\n    letter-spacing:-1.5px;\r\n}\r\n\r\n.op-name h3 span{\r\n    color:#2d2bd7;\r\n}\r\n\r\n.op-name p{\r\n    color:#858597;\r\n    font-size:14px;\r\n    font-weight:600;\r\n}\r\n\r\n.op-heart{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    width:52px;\r\n    height:52px;\r\n    border:1px solid rgba(45,43,215,.10);\r\n    border-radius:16px;\r\n    background:rgba(45,43,215,.07);\r\n    color:#2d2bd7;\r\n    font-size:23px;\r\n}\r\n\r\n.op-description{\r\n    margin-bottom:20px;\r\n    color:#646477;\r\n    font-size:15.5px;\r\n    line-height:1.85;\r\n}\r\n\r\n.op-description strong{\r\n    color:#2d2bd7;\r\n}\r\n\r\n\/* Details *\/\r\n\r\n.op-details{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:11px;\r\n    margin-top:auto;\r\n}\r\n\r\n.op-detail{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:14px;\r\n    border:1px solid #ebebf5;\r\n    border-radius:15px;\r\n    background:#ffffff;\r\n    transition:.25s ease;\r\n}\r\n\r\n.op-detail:hover{\r\n    border-color:rgba(45,43,215,.25);\r\n    box-shadow:0 10px 25px rgba(45,43,215,.07);\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.op-detail-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    width:43px;\r\n    height:43px;\r\n    border-radius:13px;\r\n    background:rgba(45,43,215,.09);\r\n    color:#2d2bd7;\r\n    font-size:19px;\r\n}\r\n\r\n.op-detail small{\r\n    display:block;\r\n    margin-bottom:3px;\r\n    color:#9898a7;\r\n    font-size:10px;\r\n    font-weight:800;\r\n    letter-spacing:.8px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-detail strong{\r\n    color:#28283c;\r\n    font-size:13.5px;\r\n}\r\n\r\n\/* =========================================\r\n   FULL WIDTH BOTTOM INFORMATION\r\n========================================= *\/\r\n\r\n.op-bottom-info{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:18px;\r\n    margin-top:18px;\r\n}\r\n\r\n.op-personality-box,\r\n.op-ideal-home-box{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:20px;\r\n    min-height:220px;\r\n    padding:32px;\r\n    border:1px solid rgba(45,43,215,.10);\r\n    border-radius:24px;\r\n    background:linear-gradient(145deg,#ffffff 0%,#f8f8ff 100%);\r\n    box-shadow:0 16px 40px rgba(29,29,76,.07);\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease,\r\n        border-color .3s ease;\r\n}\r\n\r\n.op-personality-box:hover,\r\n.op-ideal-home-box:hover{\r\n    transform:translateY(-5px);\r\n    border-color:rgba(45,43,215,.24);\r\n    box-shadow:0 24px 50px rgba(45,43,215,.12);\r\n}\r\n\r\n.op-bottom-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    width:60px;\r\n    height:60px;\r\n    border-radius:18px;\r\n    background:linear-gradient(135deg,#2d2bd7,#5d5bf2);\r\n    color:#ffffff;\r\n    font-size:25px;\r\n    font-weight:700;\r\n    box-shadow:0 13px 28px rgba(45,43,215,.23);\r\n}\r\n\r\n.op-bottom-content{\r\n    flex:1;\r\n}\r\n\r\n.op-small-label{\r\n    display:block;\r\n    margin-bottom:7px;\r\n    color:#2d2bd7;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-bottom-content h3{\r\n    margin-bottom:14px;\r\n    color:#19192e;\r\n    font-size:clamp(23px,3vw,30px);\r\n    line-height:1.2;\r\n}\r\n\r\n.op-bottom-content h3 span{\r\n    color:#2d2bd7;\r\n}\r\n\r\n.op-bottom-content p{\r\n    color:#68687b;\r\n    font-size:15px;\r\n    line-height:1.8;\r\n}\r\n\r\n\/* Personality tags *\/\r\n\r\n.op-bottom-tags{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:9px;\r\n}\r\n\r\n.op-bottom-tags span{\r\n    padding:9px 14px;\r\n    border:1px solid rgba(45,43,215,.11);\r\n    border-radius:50px;\r\n    background:rgba(45,43,215,.07);\r\n    color:#2d2bd7;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    transition:.25s ease;\r\n}\r\n\r\n.op-bottom-tags span:hover{\r\n    background:#2d2bd7;\r\n    color:#ffffff;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n\/* CTA *\/\r\n\r\n.op-bottom-cta{\r\n    position:relative;\r\n    grid-column:1 \/ -1;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:35px;\r\n    padding:38px 42px;\r\n    border-radius:25px;\r\n    background:\r\n        radial-gradient(circle at right top,rgba(255,255,255,.15),transparent 35%),\r\n        linear-gradient(135deg,#211fae 0%,#2d2bd7 55%,#5c5af0 100%);\r\n    box-shadow:0 24px 55px rgba(45,43,215,.25);\r\n    overflow:hidden;\r\n}\r\n\r\n.op-bottom-cta::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-80px;\r\n    right:-40px;\r\n    width:220px;\r\n    height:220px;\r\n    border:35px solid rgba(255,255,255,.07);\r\n    border-radius:50%;\r\n}\r\n\r\n.op-cta-text{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:760px;\r\n}\r\n\r\n.op-cta-text > span{\r\n    display:block;\r\n    margin-bottom:8px;\r\n    color:#d7d7ff;\r\n    font-size:11px;\r\n    font-weight:800;\r\n    letter-spacing:1.7px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-cta-text h3{\r\n    margin-bottom:10px;\r\n    color:#ffffff;\r\n    font-size:clamp(26px,4vw,38px);\r\n    line-height:1.2;\r\n}\r\n\r\n.op-cta-text p{\r\n    color:rgba(255,255,255,.80);\r\n    font-size:15px;\r\n    line-height:1.75;\r\n}\r\n\r\n.op-bottom-button{\r\n    position:relative;\r\n    z-index:2;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:12px;\r\n    flex-shrink:0;\r\n    min-width:175px;\r\n    min-height:56px;\r\n    padding:16px 28px;\r\n    border-radius:50px;\r\n    background:#ffffff;\r\n    color:#2d2bd7;\r\n    text-decoration:none;\r\n    font-size:15px;\r\n    font-weight:850;\r\n    box-shadow:0 12px 28px rgba(0,0,0,.15);\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n}\r\n\r\n.op-bottom-button:hover{\r\n    transform:translateY(-4px);\r\n    box-shadow:0 18px 34px rgba(0,0,0,.20);\r\n}\r\n\r\n.op-bottom-button span{\r\n    font-size:20px;\r\n    transition:transform .3s ease;\r\n}\r\n\r\n.op-bottom-button:hover span{\r\n    transform:translateX(5px);\r\n}\r\n\r\n\/* =========================================\r\n   VIDEO SECTION\r\n========================================= *\/\r\n\r\n.op-video-wrap{\r\n    margin-top:55px;\r\n}\r\n\r\n.op-video-header{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n    gap:30px;\r\n    margin-bottom:24px;\r\n}\r\n\r\n.op-video-header h3{\r\n    margin-bottom:6px;\r\n    color:#17172b;\r\n    font-size:clamp(28px,4vw,42px);\r\n}\r\n\r\n.op-video-header h3 span{\r\n    color:#2d2bd7;\r\n}\r\n\r\n.op-video-header p{\r\n    color:#737386;\r\n    font-size:15px;\r\n}\r\n\r\n.op-video-label{\r\n    flex-shrink:0;\r\n    color:#2d2bd7;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:1.5px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.op-videos{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:24px;\r\n}\r\n\r\n.op-video-card{\r\n    padding:12px;\r\n    border:1px solid rgba(45,43,215,.09);\r\n    border-radius:25px;\r\n    background:#ffffff;\r\n    box-shadow:0 18px 45px rgba(28,28,72,.09);\r\n    transition:.3s ease;\r\n}\r\n\r\n.op-video-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 26px 55px rgba(45,43,215,.14);\r\n}\r\n\r\n.op-video-media{\r\n    position:relative;\r\n    aspect-ratio:16\/9;\r\n    border-radius:18px;\r\n    background:#17172b;\r\n    overflow:hidden;\r\n}\r\n\r\n.op-video-media video{\r\n    display:block;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n}\r\n\r\n.op-video-info{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:15px;\r\n    padding:17px 7px 7px;\r\n}\r\n\r\n.op-video-info h4{\r\n    margin-bottom:4px;\r\n    color:#232338;\r\n    font-size:17px;\r\n}\r\n\r\n.op-video-info p{\r\n    color:#858596;\r\n    font-size:12px;\r\n}\r\n\r\n.op-play-icon{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    width:44px;\r\n    height:44px;\r\n    border-radius:50%;\r\n    background:rgba(45,43,215,.09);\r\n    color:#2d2bd7;\r\n    font-size:18px;\r\n}\r\n\r\n\/* =========================================\r\n   RESPONSIVE\r\n========================================= *\/\r\n\r\n@media(max-width:1080px){\r\n    .op-main-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .op-slider{\r\n        height:650px;\r\n    }\r\n\r\n    .op-content{\r\n        padding:35px 28px;\r\n    }\r\n}\r\n\r\n@media(max-width:850px){\r\n    .op-bottom-info{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .op-bottom-cta{\r\n        grid-column:auto;\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n        padding:32px;\r\n    }\r\n\r\n    .op-bottom-button{\r\n        width:100%;\r\n    }\r\n}\r\n\r\n@media(max-width:760px){\r\n    .op-profile{\r\n        padding:70px 16px;\r\n    }\r\n\r\n    .op-main-card{\r\n        padding:12px;\r\n        border-radius:26px;\r\n    }\r\n\r\n    .op-slider{\r\n        height:480px;\r\n        border-radius:20px;\r\n    }\r\n\r\n    .op-thumbnails{\r\n        gap:6px;\r\n    }\r\n\r\n    .op-thumb{\r\n        height:58px;\r\n        border-radius:9px;\r\n    }\r\n\r\n    .op-content{\r\n        padding:28px 20px;\r\n        border-radius:21px;\r\n    }\r\n\r\n    .op-name-row{\r\n        flex-direction:column;\r\n    }\r\n\r\n    .op-details{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .op-videos{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .op-video-header{\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n    }\r\n}\r\n\r\n@media(max-width:550px){\r\n    .op-personality-box,\r\n    .op-ideal-home-box{\r\n        flex-direction:column;\r\n        min-height:auto;\r\n        padding:25px 22px;\r\n    }\r\n\r\n    .op-bottom-cta{\r\n        padding:28px 22px;\r\n        border-radius:21px;\r\n    }\r\n}\r\n\r\n@media(max-width:500px){\r\n    .op-slider{\r\n        height:380px;\r\n    }\r\n\r\n    .op-arrow{\r\n        width:44px;\r\n        height:44px;\r\n        font-size:24px;\r\n    }\r\n\r\n    .op-gallery-caption{\r\n        left:20px;\r\n        right:20px;\r\n        bottom:20px;\r\n    }\r\n\r\n    .op-thumb{\r\n        height:46px;\r\n    }\r\n\r\n    .op-gallery-top{\r\n        top:15px;\r\n        left:15px;\r\n        right:15px;\r\n    }\r\n\r\n    .op-available,\r\n    .op-count{\r\n        padding:8px 12px;\r\n        font-size:10px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"op-wrapper\">\r\n\r\n    <!-- Main Profile Card -->\r\n    <div class=\"op-main-card\">\r\n\r\n        <div class=\"op-main-grid\">\r\n\r\n            <!-- Gallery -->\r\n            <div class=\"op-gallery\">\r\n\r\n                <div class=\"op-slider\">\r\n\r\n                    <div class=\"op-gallery-top\">\r\n                        <span class=\"op-available\">Available for Adoption<\/span>\r\n                        <span class=\"op-count\">1 \/ 6<\/span>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-slide active\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/image2.jpeg\" alt=\"Smoky standing outdoors\">\r\n                    <\/div>\r\n\r\n                    <div class=\"op-slide\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/Smokey1.jpg\" alt=\"Smoky portrait\">\r\n                    <\/div>\r\n\r\n                \r\n\r\n                    <button type=\"button\" class=\"op-arrow op-prev\" aria-label=\"Previous Smoky photo\">\u2039<\/button>\r\n                    <button type=\"button\" class=\"op-arrow op-next\" aria-label=\"Next Smoky photo\">\u203a<\/button>\r\n\r\n                    <div class=\"op-gallery-caption\">\r\n                        <small>Stray Mysteries<\/small>\r\n                        <h3>A true diamond looking for a loving home.<\/h3>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Thumbnails -->\r\n                <div class=\"op-thumbnails\">\r\n                    <button class=\"op-thumb active\" type=\"button\"><img decoding=\"async\" src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/image2.jpeg\"><\/button>\r\n                    <button class=\"op-thumb\" type=\"button\"><img decoding=\"async\" src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/Smokey1.jpg]\" alt=\"Smoky thumb 2\"><\/button>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Main Content -->\r\n            <div class=\"op-content\">\r\n\r\n                <div class=\"op-name-row\">\r\n                    <div class=\"op-name\">\r\n                        <h3><span>Smokey<\/span><\/h3>\r\n                        <p>Mixed Breed \u2022 Elefsina, Greece<\/p>\r\n                    <\/div>\r\n                    <div class=\"op-heart\">\u2665<\/div>\r\n                <\/div>\r\n\r\n                <p class=\"op-description\">\r\n                    We don\u2019t know where to start about <strong>Smokey<\/strong>... because he really is one of the most special creatures we\u2019ve ever met. He is incredibly affectionate with people and on walks will give you the most tender kisses.\r\n                <\/p>\r\n\r\n                <p class=\"op-description\">\r\n                    Smokey is a three-legged little angel who was found injured on the beach of Elefsina and had to have his front leg removed. But don\u2019t let that fool you \u2014 he\u2019s not missing anything at all! He walks well, adapts day by day, and radiates strength and joy.\r\n                <\/p>\r\n\r\n                <p class=\"op-description\">\r\n                    He gets along great with other dogs, even sharing his space peacefully with a lively friend who constantly teases him. He\u2019s truly a kind, optimistic giant who fills every heart with warmth.\r\n                <\/p>\r\n\r\n                <div class=\"op-details\">\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\ud83c\udf82<\/div>\r\n                        <div>\r\n                            <small>Age<\/small>\r\n                            <strong>~4 Years Old<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\u2696<\/div>\r\n                        <div>\r\n                            <small>Weight<\/small>\r\n                            <strong>~35 kg<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\ud83d\udc15<\/div>\r\n                        <div>\r\n                            <small>Special Info<\/small>\r\n                            <strong>3-Legged Hero<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\ud83d\udccd<\/div>\r\n                        <div>\r\n                            <small>Location<\/small>\r\n                            <strong>Elefsina, Greece<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\u2713<\/div>\r\n                        <div>\r\n                            <small>Health<\/small>\r\n                            <strong>Healthy & Vaccinated<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"op-detail\">\r\n                        <div class=\"op-detail-icon\">\u2764<\/div>\r\n                        <div>\r\n                            <small>Care Status<\/small>\r\n                            <strong>Neutered & Microchipped<\/strong>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- Full Width Bottom Information -->\r\n        <div class=\"op-bottom-info\">\r\n\r\n            <!-- Personality -->\r\n            <div class=\"op-personality-box\">\r\n                <div class=\"op-bottom-icon\">\u2665<\/div>\r\n                <div class=\"op-bottom-content\">\r\n                    <span class=\"op-small-label\">His Character<\/span>\r\n                    <h3>Smokey\u2019s <span>Personality<\/span><\/h3>\r\n                    <div class=\"op-bottom-tags\">\r\n                        <span>Affectionate<\/span>\r\n                        <span>Gentle Giant<\/span>\r\n                        <span>Optimistic<\/span>\r\n                        <span>Resilient<\/span>\r\n                        <span>Dog Friendly<\/span>\r\n                        <span>Patient<\/span>\r\n                        <span>Sweet Natured<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Ideal Home -->\r\n            <div class=\"op-ideal-home-box\">\r\n                <div class=\"op-bottom-icon\">\u2302<\/div>\r\n                <div class=\"op-bottom-content\">\r\n                    <span class=\"op-small-label\">Perfect Match<\/span>\r\n                    <h3>Smokey\u2019s <span>Ideal Home<\/span><\/h3>\r\n                    <p>\r\n                        Smokey would be ideal for a loving family who will appreciate his gentle soul. Whoever is lucky enough to adopt him will truly win a real treasure for life.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Contact CTA -->\r\n            <div class=\"op-bottom-cta\">\r\n                <div class=\"op-cta-text\">\r\n                    <span>Ready to Meet Him?<\/span>\r\n                    <h3>Would You Like to Meet Smokey?<\/h3>\r\n                    <p>\r\n                        Contact Stray Mysteries to arrange a video call and learn more about adopting this wonderful dog.\r\n                    <\/p>\r\n                <\/div>\r\n                <a href=\"https:\/\/www.straymysteries.com\/index.php\/contact-v-4\/\" class=\"op-bottom-button\">\r\n                    Contact Us <span>\u2192<\/span>\r\n                <\/a>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- Videos -->\r\n    <div class=\"op-video-wrap\">\r\n\r\n        <div class=\"op-video-header\">\r\n            <div>\r\n                <h3>Watch Smokey <span>In Action<\/span><\/h3>\r\n                <p>See Smokey\u2019s resilient spirit, gentle movement, and loving nature.<\/p>\r\n            <\/div>\r\n            <div class=\"op-video-label\">Two Videos<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"op-videos\">\r\n\r\n            <article class=\"op-video-card\">\r\n                <div class=\"op-video-media\">\r\n                    <video controls preload=\"metadata\">\r\n                        <source src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/IMG_8899.mp4\">\r\n                        Your browser does not support the video tag.\r\n                    <\/video>\r\n                <\/div>\r\n                <div class=\"op-video-info\">\r\n                    <div>\r\n                        <h4>Meet Smokey<\/h4>\r\n                        <p>See his sweet and gentle personality.<\/p>\r\n                    <\/div>\r\n                    <div class=\"op-play-icon\">\u25b6<\/div>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"op-video-card\">\r\n                <div class=\"op-video-media\">\r\n                    <video controls preload=\"metadata\">\r\n                        <source src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/IMG_8897.mp4\">\r\n                        Your browser does not support the video tag.\r\n                    <\/video>\r\n                <\/div>\r\n                <div class=\"op-video-info\">\r\n                    <div>\r\n                        <h4>Smokey Outdoors<\/h4>\r\n                        <p>Watch Smoky walk and enjoy life.<\/p>\r\n                    <\/div>\r\n                    <div class=\"op-play-icon\">\u25b6<\/div>\r\n                <\/div>\r\n            <\/article>\r\n<article class=\"op-video-card\">\r\n                <div class=\"op-video-media\">\r\n                    <video controls preload=\"metadata\">\r\n                        <source src=\"https:\/\/www.straymysteries.com\/wp-content\/uploads\/2026\/08\/IMG_1131.mov\">\r\n                        Your browser does not support the video tag.\r\n                    <\/video>\r\n                <\/div>\r\n                <div class=\"op-video-info\">\r\n                    <div>\r\n                        <h4>Meet Smokey<\/h4>\r\n                        <p>3 legs don't stop him from being an amazing athlete!<\/p>\r\n                    <\/div>\r\n                    <div class=\"op-play-icon\">\u25b6<\/div>\r\n                <\/div>\r\n            <\/article>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function(){\r\n    const profileGallery = document.querySelector(\".op-gallery\");\r\n    if(!profileGallery) return;\r\n\r\n    const slides = profileGallery.querySelectorAll(\".op-slide\");\r\n    const thumbs = profileGallery.querySelectorAll(\".op-thumb\");\r\n    const previousButton = profileGallery.querySelector(\".op-prev\");\r\n    const nextButton = profileGallery.querySelector(\".op-next\");\r\n    const counter = profileGallery.querySelector(\".op-count\");\r\n\r\n    let activeIndex = 0;\r\n    let autoplayTimer = null;\r\n\r\n    function showSmokySlide(index){\r\n        if(index < 0) index = slides.length - 1;\r\n        if(index >= slides.length) index = 0;\r\n\r\n        slides.forEach(slide => slide.classList.remove(\"active\"));\r\n        thumbs.forEach(thumb => thumb.classList.remove(\"active\"));\r\n\r\n        slides[index].classList.add(\"active\");\r\n        thumbs[index].classList.add(\"active\");\r\n\r\n        activeIndex = index;\r\n        counter.textContent = (activeIndex + 1) + \" \/ \" + slides.length;\r\n    }\r\n\r\n    function startAutoplay(){\r\n        clearInterval(autoplayTimer);\r\n        autoplayTimer = setInterval(() => {\r\n            showSmokySlide(activeIndex + 1);\r\n        }, 5000);\r\n    }\r\n\r\n    if(previousButton){\r\n        previousButton.addEventListener(\"click\", () => {\r\n            showSmokySlide(activeIndex - 1);\r\n            startAutoplay();\r\n        });\r\n    }\r\n\r\n    if(nextButton){\r\n        nextButton.addEventListener(\"click\", () => {\r\n            showSmokySlide(activeIndex + 1);\r\n            startAutoplay();\r\n        });\r\n    }\r\n\r\n    thumbs.forEach((thumb, idx) => {\r\n        thumb.addEventListener(\"click\", () => {\r\n            showSmokySlide(idx);\r\n            startAutoplay();\r\n        });\r\n    });\r\n\r\n    startAutoplay();\r\n});\r\n<\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                    <\/div>\n        <\/section>\n        \t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Available for Adoption 1 \/ 6 \u2039 \u203a Stray Mysteries A true diamond looking for a loving home. Smokey Mixed Breed \u2022 Elefsina, Greece \u2665 We don\u2019t know where to start about Smokey&#8230; because he really is one of the most special creatures we\u2019ve ever met. He is incredibly affectionate with people and on walks [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"footnotes":""},"class_list":["post-6249","page","type-page","status-publish","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6249","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/comments?post=6249"}],"version-history":[{"count":10,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6249\/revisions"}],"predecessor-version":[{"id":6434,"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/pages\/6249\/revisions\/6434"}],"wp:attachment":[{"href":"https:\/\/www.straymysteries.com\/index.php\/wp-json\/wp\/v2\/media?parent=6249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}