{"id":15,"date":"2026-08-19T09:38:42","date_gmt":"2026-08-19T09:38:42","guid":{"rendered":"https:\/\/classmarinyachtinteriors.com\/?page_id=15"},"modified":"2026-10-08T20:27:54","modified_gmt":"2026-10-08T20:27:54","slug":"elementor-15","status":"publish","type":"page","link":"https:\/\/classmarinyachtinteriors.com\/","title":{"rendered":"Elementor #15"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"15\" class=\"elementor elementor-15\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cff27cf e-con-full e-flex e-con e-parent\" data-id=\"cff27cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e12112 elementor-widget elementor-widget-html\" data-id=\"7e12112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preload\"\r\n      as=\"image\"\r\n      href=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/08\/dadf307d-2f4f-4b1d-a4eb-3fb0502ef2a0.webp\"\r\n      fetchpriority=\"high\">\r\n\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600&amp;family=Montserrat:wght@400;500;600&amp;display=swap\">\r\n\r\n<style>\r\n\r\n\r\n:root{\r\n    --navy:#061c2d;\r\n    --navy2:#0a2941;\r\n    --gold:#c9a35f;\r\n    --cream:#f7f4ee;\r\n    --white:#ffffff;\r\n    --text:#172331;\r\n\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nhtml,body{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\nbody{\r\n    overflow-x:hidden;\r\n    background:#fff;\r\n}\r\n\r\nheader,\r\nfooter,\r\n.site-header,\r\n.site-footer,\r\n#masthead,\r\n#colophon{\r\n    display:none !important;\r\n}\r\n\r\n.elementor,\r\n.elementor-section,\r\n.elementor-container{\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n}\r\n\r\n.cm-shell{\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n    overflow:hidden;\r\n    font-family:'Montserrat',sans-serif;\r\n    color:var(--text);\r\n}\r\n\r\n.cm-shell *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n.cm-container{\r\n    width:min(1180px,90%);\r\n    margin:0 auto;\r\n}\r\n\r\n.cm-kicker{\r\n    color:var(--gold);\r\n    font-size:11px;\r\n    font-weight:600;\r\n    letter-spacing:1.6px;\r\n    text-transform:uppercase;\r\n    display:flex;\r\n    align-items:center;\r\n    gap:14px;\r\n}\r\n\r\n.cm-kicker:after{\r\n    content:\"\";\r\n    width:46px;\r\n    height:1px;\r\n    background:var(--gold);\r\n}\r\n.cm-kicker::before{\r\n    content:\"\";\r\n    width:46px;\r\n    height:1px;\r\n    background:var(--gold);\r\n}itle{\r\n    margin:10px 0 0;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:44px;\r\n    line-height:1.03;\r\n    font-weight:600;\r\n    color:#122133;\r\n}\r\n\r\n\/* =========================\r\n   HERO\r\n========================= *\/\r\n\r\n.cm-hero{\r\n    height:100vh;\r\n    min-height:720px;\r\n    position:relative;\r\n    color:#fff;\r\n    overflow:hidden;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(4,20,33,.80) 0%,\r\n            rgba(4,20,33,.47) 38%,\r\n            rgba(4,20,33,.10) 72%\r\n        ),\r\n        linear-gradient(\r\n            0deg,\r\n            rgba(3,17,29,.66) 0%,\r\n            transparent 45%\r\n        ),\r\n     url('https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/08\/dadf307d-2f4f-4b1d-a4eb-3fb0502ef2a0.webp');\r\n\r\n    background-size:cover;\r\n    background-position:center;\r\n}\r\n\r\n.cm-nav{\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    z-index:10;\r\n    padding:27px 0;\r\n}\r\n\r\n.cm-nav-inner{\r\n    width:min(1180px,90%);\r\n    margin:0 auto;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n}\r\n\r\n.cm-logo{\r\n    width:280px;\r\n    margin-left:-120px;\r\n}\r\n\r\n.cm-logo img{\r\n    display:block;\r\n    width:100%;\r\n    height:auto;\r\n}\r\n\r\n.cm-menu{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:38px;\r\n}\r\n\r\n.cm-menu a{\r\n    position:relative;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    text-transform:uppercase;\r\n    font-size:13px;\r\n    letter-spacing:.5px;\r\n    font-weight:700;\r\n}\r\n\r\n.cm-menu a.active{\r\n    color:var(--gold);\r\n}\r\n\r\n.cm-menu a::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    bottom:-12px;\r\n    width:0;\r\n    height:2px;\r\n    background:#d89b3c;\r\n    transition:width .25s ease;\r\n}\r\n\r\n.cm-menu a:hover::after{\r\n    width:100%;\r\n}\r\n\r\n.cm-language{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:8px;\r\n}\r\n\r\n.cm-language button{\r\n    position:relative;\r\n    border:0;\r\n    padding:0 0 10px 0;\r\n    background:transparent;\r\n    color:#fff;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    cursor:pointer;\r\n}\r\n\r\n.cm-language button::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:0;\r\n    bottom:0;\r\n    width:0;\r\n    height:2px;\r\n    background:#d89b3c;\r\n    transition:width .25s ease;\r\n}\r\n\r\n.cm-language button:hover::after{\r\n    width:100%;\r\n}\r\n\r\n.cm-language button:hover{\r\n    color:#fff;\r\n}\r\n\r\n.cm-language button.active{\r\n    color:#fff;\r\n}\r\n\r\n.cm-hero-content{\r\n    position:absolute;\r\n    left:50%;\r\n    top:51%;\r\n    transform:translate(-50%,-50%);\r\n    width:min(1180px,90%);\r\n}\r\n\r\n.cm-hero-copy{\r\n    width:470px;\r\n}\r\n\r\n.cm-hero-copy .cm-kicker{\r\n    color:var(--gold);\r\n}\r\n\r\n.cm-hero-title{\r\n    margin:12px 0 15px;\r\n    font-family:\"Times New Roman\", serif !important;\r\n    font-size:58px;\r\n    line-height:.95;\r\n    font-weight:400;\r\n    color:#fff;\r\n}\r\n\r\n.cm-hero-desc{\r\n    margin:0 0 25px;\r\n    max-width:320px;\r\n    font-size:13px;\r\n    line-height:1.7;\r\n    color:rgba(255,255,255,.88);\r\n}\r\n\r\n.cm-actions{\r\n    display:flex;\r\n    gap:12px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.cm-action{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:9px;\r\n    height:39px;\r\n    padding:0 18px;\r\n    border:1px solid rgba(255,255,255,.60);\r\n    border-radius:9px;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size:10px;\r\n    font-weight:600;\r\n    letter-spacing:.6px;\r\n    transition:.25s ease;\r\n}\r\n\r\n.cm-action:hover{\r\n    background:#fff;\r\n    color:var(--navy);\r\n}\r\n\r\n.cm-action span{\r\n    font-size:15px;\r\n}\r\n\r\n.cm-scroll{\r\n    position:absolute;\r\n    left:50%;\r\n    bottom:34px;\r\n    transform:translateX(-50%);\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    gap:7px;\r\n    color:#fff;\r\n    font-size:9px;\r\n    font-weight:600;\r\n}\r\n\r\n.cm-scroll-mouse{\r\n    width:18px;\r\n    height:30px;\r\n    border:1px solid #fff;\r\n    border-radius:10px;\r\n    position:relative;\r\n}\r\n\r\n.cm-scroll-mouse:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:50%;\r\n    top:6px;\r\n    width:2px;\r\n    height:6px;\r\n    background:#fff;\r\n    transform:translateX(-50%);\r\n    border-radius:2px;\r\n    animation:cmMouse 1.5s infinite;\r\n}\r\n\r\n@keyframes cmMouse{\r\n    0%{opacity:1;transform:translate(-50%,0)}\r\n    100%{opacity:0;transform:translate(-50%,10px)}\r\n}\r\n\r\n\/* =========================\r\n   HAKKIMIZDA\r\n========================= *\/\r\n\r\n.cm-about{\r\n    background:var(--cream);\r\n    padding-top:0 !important;\r\n    margin-top:0 !important;\r\n}\r\n\r\n.cm-about-grid{\r\n    margin-top:0 !important;\r\n    padding-top:0 !important;\r\n}\r\n\r\n.cm-about-grid{\r\n  \r\n    display:grid;\r\n    grid-template-columns:50% 50%;\r\n    width:100%;\r\n}\r\n}\r\n\r\n.cm-about-copy{\r\n    padding:62px 55px max(62px,5vw) max(5vw,40px);\r\n}\r\n\r\n\r\n}\r\n\r\n.cm-about-copy .en{\r\n    color:#7a7f84;\r\n}\r\n\r\n\r\n\r\n.cm-about-image{\r\n   height:574px;\r\n   min-height:574px;\r\n    margin-top:-24px !important;\r\n    overflow:hidden;\r\n    background-image:url('\/wp-content\/uploads\/2026\/08\/class-marine-yacht-interior.jpg') !important;\r\n    background-size:cover !important;\r\n    background-position:center center !important;\r\n    background-repeat:no-repeat !important;\r\n    filter:saturate(1.35) contrast(1.08) brightness(0.96);\r\nborder-left: 2px solid rgba(201,163,91,.55);\r\n}\r\n \r\n\r\n.cm-about-image img{\r\n    display:none !important;\r\n}\r\n\r\n.cm-more{\r\n    display:inline-flex;\r\n    margin-top:27px;\r\n    padding:11px 23px;\r\n   .cm-about-image img{\r\n    display:none !important;\r\n}\r\n    font-size:9px;\r\n    font-weight:600;\r\n    letter-spacing:.7px;\r\n}\r\n\r\n\/* =========================\r\n   HIZMETLER\r\n========================= *\/\r\n\r\n.cm-services{\r\n    padding:50px 0 55px;\r\n    position:relative;\r\n    color:#fff;\r\n    background:\r\n        linear-gradient(rgba(4,29,48,.94),rgba(4,29,48,.96)),\r\n        url('BURAYA_LACIVERT_DOKU_URL') center\/cover no-repeat;\r\n}\r\n\r\n.cm-services .cm-kicker{\r\n    justify-content:center;\r\n}\r\n\r\n.cm-services-title{\r\n    font-family:'Cormorant Garamond',serif;\r\n    text-align:center;\r\n    font-size:40px;\r\n    margin:8px 0 30px;\r\n    font-weight:600;\r\n}\r\n\r\n.cm-service-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:12px;\r\n}\r\n\r\n.cm-service-card{\r\n    min-width:0;\r\n    border:1px solid rgba(255,255,255,.14);\r\n    background:#072138;\r\n    overflow:hidden;\r\n}\r\n\r\n.cm-service-photo{\r\n    aspect-ratio:1.18\/1;\r\n    background-size:cover;\r\n    background-position:center;\r\n}\r\n\r\n.cm-service-info{\r\n    padding:19px 10px 17px;\r\n    text-align:center;\r\n}\r\n\r\n.cm-service-icon{\r\n    font-size:24px;\r\n    margin-bottom:7px;\r\n    opacity:.94;\r\n}\r\n\r\n.cm-service-name{\r\n    font-size:10px;\r\n    font-weight:600;\r\n    letter-spacing:.8px;\r\n}\r\n\r\n.cm-service-line{\r\n    width:22px;\r\n    height:1px;\r\n    margin:9px auto 0;\r\n    background:var(--gold);\r\n}\r\n\r\n.cm-center-button{\r\n    text-align:center;\r\n    margin-top:24px;\r\n}\r\n\r\n.cm-outline{\r\n    display:inline-flex;\r\n    padding:10px 27px;\r\n    border:1px solid rgba(255,255,255,.58);\r\n    border-radius:20px;\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-size:9px;\r\n    letter-spacing:.7px;\r\n}\r\n\r\n\/* =========================\r\n   GALERI\r\n========================= *\/\r\n\r\n.cm-gallery{\r\n    padding:52px 0 47px;\r\n    background:#faf8f5;\r\n}\r\n\r\n.cm-gallery .cm-kicker{\r\n    justify-content:center;\r\n}\r\n\r\n.cm-gallery-title{\r\n    text-align:center;\r\n    margin:8px 0 25px;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:39px;\r\n    color:#152436;\r\n}\r\n\r\n.cm-gallery-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:7px;\r\n}\r\n\r\n.cm-gallery-grid img{\r\n    display:block;\r\n    width:100%;\r\n    height:205px;\r\n    object-fit:cover;\r\n}\r\n\r\n\/* =========================\r\n   MARKALAR\r\n========================= *\/\r\n\r\n.cm-brands{\r\n    background:#072139;\r\n    color:#fff;\r\n    padding:43px 0 48px;\r\n}\r\n\r\n.cm-brands .cm-kicker{\r\n    justify-content:center;\r\n}\r\n\r\n.cm-brands-title{\r\n    text-align:center;\r\n    font-family:'Cormorant Garamond',serif;\r\n    font-size:38px;\r\n    margin:9px 0 30px;\r\n    font-weight:500;\r\n}\r\n\r\n.cm-brand-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:45px;\r\n    align-items:center;\r\n}\r\n\r\n.cm-brand-grid img{\r\n    width:100%;\r\n    max-height:55px;\r\n    object-fit:contain;\r\n    filter:brightness(0) invert(1);\r\n    opacity:.92;\r\n}\r\n\r\n.cm-brand-grid img:first-child{\r\n    filter:none;\r\n}\r\n\r\n\/* =========================\r\n   FOOTER\r\n========================= *\/\r\n\r\n.cm-footer{\r\n    color:#fff;\r\n    padding:52px 0 20px;\r\n    background:\r\n        linear-gradient(rgba(3,20,34,.96),rgba(3,20,34,.98)),\r\n        url('BURAYA_FOOTER_DOKU_URL') center\/cover no-repeat;\r\n}\r\n\r\n.cm-footer-grid{\r\n    display:grid;\r\n    grid-template-columns:1.25fr .7fr 1fr;\r\n    gap:85px;\r\n}\r\n\r\n.cm-footer-logo{\r\n    width:205px;\r\n    margin-bottom:17px;\r\n}\r\n\r\n.cm-footer-logo img{\r\n    width:100%;\r\n}\r\n\r\n.cm-footer p,\r\n.cm-footer a{\r\n    font-size:10px;\r\n    line-height:1.8;\r\n    color:rgba(255,255,255,.86);\r\n    text-decoration:none;\r\n}\r\n\r\n.cm-footer-heading{\r\n    margin-bottom:14px;\r\n    font-size:10px;\r\n    font-weight:600;\r\n    letter-spacing:.6px;\r\n}\r\n\r\n.cm-footer-links{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:4px;\r\n}\r\n\r\n.cm-contact-line{\r\n    margin-bottom:9px;\r\n}\r\n\r\n.cm-socials{\r\n    display:flex;\r\n    gap:8px;\r\n    margin-top:15px;\r\n}\r\n\r\n.cm-socials a{\r\n    width:28px;\r\n    height:28px;\r\n    border:1px solid rgba(255,255,255,.55);\r\n    border-radius:50%;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:11px;\r\n}\r\n\r\n.cm-copy{\r\n    margin-top:38px;\r\n    padding-top:17px;\r\n    border-top:1px solid rgba(255,255,255,.22);\r\n    text-align:center;\r\n    font-size:9px;\r\n    color:rgba(255,255,255,.56);\r\n}\r\n\r\n\/* =========================\r\n   TABLET \/ MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n    .cm-menu{\r\n        display:none;\r\n    }\r\n\r\n    .cm-hero-title{\r\n        font-size:50px;\r\n    }\r\n\r\n    .cm-about-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cm-about-image{\r\n        min-height:450px;\r\n    }\r\n\r\n    .cm-service-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .cm-gallery-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .cm-brand-grid{\r\n        grid-template-columns:repeat(3,1fr);\r\n    }\r\n\r\n    .cm-footer-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n    .cm-hero{\r\n        min-height:720px;\r\n    }\r\n\r\n    .cm-logo{\r\n        width:155px;\r\n    }\r\n\r\n    .cm-language{\r\n        font-size:9px;\r\n    }\r\n\r\n    .cm-hero-content{\r\n        top:52%;\r\n    }\r\n\r\n    .cm-hero-copy{\r\n        width:100%;\r\n    }\r\n\r\n    .cm-hero-title{\r\n        font-size:42px;\r\n    }\r\n\r\n    .cm-about-copy{\r\n        padding:45px 25px;\r\n    }\r\n\r\n    .cm-title{\r\n        font-size:38px;\r\n    }\r\n\r\n    .cm-service-grid,\r\n    .cm-gallery-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cm-gallery-grid img{\r\n        height:280px;\r\n    }\r\n\r\n    .cm-brand-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n\r\n    .cm-footer-grid{\r\n        grid-template-columns:1fr;\r\n        gap:35px;\r\n    }\r\n\r\n}\r\n\r\n.cm-language button,\r\n.cm-language button:hover,\r\n.cm-language button:focus,\r\n.cm-language button:active,\r\n.cm-language button.active{\r\n    color:#fff !important;\r\n}\r\n\r\n\r\n.cm-language button,\r\n.cm-language button:hover,\r\n.cm-language button:focus,\r\n.cm-language button:active,\r\n.cm-language button.active{\r\n    color:#fff !important;\r\n    background:transparent !important;\r\n    border:none !important;\r\n    outline:none !important;\r\n    box-shadow:none !important;\r\n    text-decoration:none !important;\r\n}\r\n\r\n.cm-language button::after{\r\n    background:#d89b3c !important;\r\n}\r\n\r\n.cm-language button:hover::after{\r\n    width:100% !important;\r\n}\r\n\r\n.cm-language button:focus::after,\r\n.cm-language button:active::after,\r\n.cm-language button.active::after{\r\n    width:0 !important;\r\n}\r\n\r\n.cm-hero-title{\r\n    font-family: Georgia, \"Times New Roman\", serif !important;\r\n    font-weight:400 !important;\r\n    font-size:58px !important;\r\n    letter-spacing:2px !important;\r\n}\r\n\r\nhtml {\r\n    scroll-behavior: smooth;\r\n}\r\n\r\n\/* AGIR BOLUM GECISLERI *\/\r\n\r\n.cm-shell > section,\r\n.cm-shell > footer{\r\n    scroll-margin-top:0;\r\n}\r\n\r\n\/* bolumler ilk gelirken hafif soft gorunsun *\/\r\n.cm-shell > section{\r\n    opacity:.82;\r\n    transform:translateY(24px);\r\n    transition:\r\n        opacity .9s cubic-bezier(.22,.61,.36,1),\r\n        transform .9s cubic-bezier(.22,.61,.36,1);\r\n}\r\n\r\n.cm-shell > section.cm-visible{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* hero ilk ekranda direkt net olsun *\/\r\n.cm-hero{\r\n    opacity:1 !important;\r\n    transform:none !important;\r\n}\r\n.cm-icon{\r\n    width:18px;\r\n    height:18px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.cm-icon svg{\r\n    width:18px;\r\n    height:18px;\r\n    display:block;\r\n    fill:none;\r\n    stroke:#fff !important;\r\n    stroke-width:1.8;\r\n    stroke-linecap:round;\r\n    stroke-linejoin:round;\r\n}\r\n.cm-about-image{\r\n    width:100%;\r\n    height:100%;\r\n    min-height:520px;\r\n    overflow:hidden;\r\n}\r\n\r\n.cm-about-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    display:block;\r\n}\r\n.cm-gallery-grid img {\r\n    width: 100%;\r\n    height: 300px;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n}\r\n@media (max-width: 767px) {\r\n    .cm-shell > section {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n       transition: none !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* CLASS MARINE MOBIL GIRIS DUZENLEMESI *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  html,\r\n  body {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    overflow-x: hidden !important;\r\n  }\r\n\r\n  .cm-shell {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    overflow-x: clip !important;\r\n  }\r\n\r\n  \/* GIRIS FOTOGRAFI *\/\r\n\r\n  .cm-hero {\r\n    position: relative !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    height: auto !important;\r\n    min-height: 100svh !important;\r\n    overflow: hidden !important;\r\n    background-size: cover !important;\r\n    background-position: 62% center !important;\r\n  }\r\n\r\n  \/* LOGO VE MENU *\/\r\n\r\n  .cm-nav {\r\n    position: relative !important;\r\n    top: auto !important;\r\n    left: auto !important;\r\n    width: 100% !important;\r\n    padding: 0 !important;\r\n    z-index: 20 !important;\r\n  }\r\n\r\n  .cm-nav-inner {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    margin: 0 !important;\r\n    padding: 20px 18px 0 !important;\r\n    box-sizing: border-box !important;\r\n\r\n    display: grid !important;\r\n    grid-template-columns: minmax(0, 1fr) auto !important;\r\n    align-items: center !important;\r\n    gap: 12px !important;\r\n  }\r\n\r\n  \/* LOGO *\/\r\n\r\n  .cm-logo {\r\n    grid-column: 1 !important;\r\n    grid-row: 1 !important;\r\n    justify-self: start !important;\r\n    width: auto !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .cm-logo img {\r\n    display: block !important;\r\n    width: 150px !important;\r\n    max-width: 100% !important;\r\n    height: auto !important;\r\n  }\r\n\r\n  \/* TR EN DIL SECIMI *\/\r\n\r\n  .cm-language {\r\n    grid-column: 2 !important;\r\n    grid-row: 1 !important;\r\n    position: relative !important;\r\n    inset: auto !important;\r\n    margin: 0 !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  \/* MOBIL MENU *\/\r\n\r\n  .cm-menu {\r\n    grid-column: 1 \/ -1 !important;\r\n    grid-row: 2 !important;\r\n\r\n    display: flex !important;\r\n    flex-wrap: nowrap !important;\r\n    justify-content: flex-start !important;\r\n    align-items: center !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    min-width: 0 !important;\r\n    gap: 22px !important;\r\n    margin: 0 !important;\r\n    padding: 8px 0 12px !important;\r\n\r\n    overflow-x: auto !important;\r\n    overflow-y: hidden !important;\r\n    scrollbar-width: none;\r\n    -webkit-overflow-scrolling: touch;\r\n  }\r\n\r\n  .cm-menu::-webkit-scrollbar {\r\n    display: none;\r\n  }\r\n\r\n  .cm-menu a {\r\n    flex: 0 0 auto !important;\r\n    font-size: 11px !important;\r\n    white-space: nowrap !important;\r\n    letter-spacing: 0.3px !important;\r\n  }\r\n\r\n  \/* GIRIS YAZILARI *\/\r\n\r\n  .cm-hero-content {\r\n    position: relative !important;\r\n    inset: auto !important;\r\n    transform: none !important;\r\n\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    min-width: 0 !important;\r\n    min-height: calc(100svh - 150px) !important;\r\n\r\n    margin: 0 !important;\r\n    padding: 45px 20px 95px !important;\r\n    box-sizing: border-box !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: flex-start !important;\r\n    justify-content: center !important;\r\n  }\r\n\r\n  .cm-hero-copy {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    min-width: 0 !important;\r\n    margin: 0 !important;\r\n  }\r\n\r\n  .cm-hero-title {\r\n    font-size: clamp(29px, 8vw, 38px) !important;\r\n    line-height: 1.12 !important;\r\n    letter-spacing: -0.5px !important;\r\n    max-width: 100% !important;\r\n    margin: 12px 0 !important;\r\n  }\r\n\r\n  .cm-hero-desc {\r\n    max-width: 100% !important;\r\n    font-size: 13px !important;\r\n    line-height: 1.6 !important;\r\n  }\r\n\r\n  \/* SOSYAL MEDYA BUTONLARI *\/\r\n\r\n  .cm-actions {\r\n    display: flex !important;\r\n    flex-wrap: wrap !important;\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n    gap: 9px !important;\r\n    margin-top: 22px !important;\r\n  }\r\n\r\n  .cm-actions .cm-action {\r\n    flex: 1 1 calc(50% - 9px) !important;\r\n    min-width: 0 !important;\r\n    box-sizing: border-box !important;\r\n    padding: 11px 12px !important;\r\n    justify-content: center !important;\r\n    font-size: 10px !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  \/* ASAGI KAYDIRIN *\/\r\n\r\n  .cm-scroll {\r\n    left: 50% !important;\r\n    bottom: 20px !important;\r\n    transform: translateX(-50%) !important;\r\n  }\r\n\r\n}\r\n\r\n\/* MOBIL LOGO KONUMUNU DUZELT *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cm-nav .cm-logo {\r\n        position: static !important;\r\n        left: auto !important;\r\n        right: auto !important;\r\n        top: auto !important;\r\n        transform: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        width: 150px !important;\r\n        max-width: 100% !important;\r\n        display: block !important;\r\n        float: none !important;\r\n    }\r\n\r\n    .cm-nav .cm-logo img {\r\n        position: static !important;\r\n        transform: none !important;\r\n        display: block !important;\r\n        width: 150px !important;\r\n        max-width: 100% !important;\r\n        height: auto !important;\r\n        margin: 0 !important;\r\n        object-fit: contain !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<div class=\"cm-shell\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"cm-hero\" id=\"anasayfa\">\r\n\r\n        <div class=\"cm-nav\">\r\n\r\n            <div class=\"cm-nav-inner\">\r\n\r\n                <a class=\"cm-logo\" href=\"#anasayfa\">\r\n                <img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class-marine-logo-mobile.webp\" alt=\"Class Marine\" width=\"400\" height=\"150\">\r\n                <\/a>\r\n\r\n                <nav class=\"cm-menu\">\r\n                    <a href=\"#anasayfa\" class=\"active\">ANA SAYFA<\/a>\r\n                    <a href=\"#hakkimizda\">HAKKIMIZDA<\/a>\r\n                    <a href=\"#hizmetler\">H\u0130ZMETLER\u0130M\u0130Z<\/a>\r\n                    <a href=\"#markalar\">MARKALAR<\/a>\r\n                   \r\n<a href=\"#iletisim\" onclick=\"event.preventDefault(); event.stopPropagation(); document.getElementById('iletisim')?.scrollIntoView({behavior:'smooth', block:'start'});\">ILETISIM<\/a>\r\n \r\n                <\/nav>\r\n\r\n               <div class=\"cm-language\">\r\n    <button type=\"button\" id=\"lang-tr\">TR<\/button>\r\n    <span>|<\/span>\r\n    <button type=\"button\" id=\"lang-en\">EN<\/button>\r\n<\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cm-hero-content\">\r\n\r\n            <div class=\"cm-hero-copy\">\r\n\r\n                <div class=\"cm-kicker\">\r\n                    CLASS MARINE\r\n                <\/div>\r\n\r\n                <h1 class=\"cm-hero-title\">\r\n    Yat\u0131n\u0131z \u0130\u00e7in<br>\r\n    \u00d6zel Tasar\u0131m<br>\r\n    D\u00f6\u015feme \u00c7\u00f6z\u00fcmleri\r\n<\/h1>\r\n\r\n              <p class=\"cm-hero-desc\">\r\n    Konfor, estetik ve kaliteyi denizlerde bulu\u015fturuyoruz.\r\n                <\/p>\r\n\r\n                <div class=\"cm-actions\">\r\n\r\n<a class=\"cm-action\" href=\"https:\/\/www.instagram.com\/classmarineyatchupholstery\/\" target=\"_blank\">\r\n    <span class=\"cm-icon\">\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"><\/rect>\r\n            <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\r\n            <circle cx=\"17.5\" cy=\"6.5\" r=\"1\"><\/circle>\r\n        <\/svg>\r\n    <\/span>\r\n    INSTAGRAM\r\n<\/a>\r\n\r\n                    <a class=\"cm-action\"\r\n                   href=\"https:\/\/wa.me\/905364735069\" target=\"_blank\">\r\n   <span class=\"cm-icon\">\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <path d=\"M20.5 11.8a8.5 8.5 0 0 1-12.6 7.5L3.5 20.5l1.2-4.3a8.5 8.5 0 1 1 15.8-4.4Z\"><\/path>\r\n     <g transform=\"translate(4.8 4.8) scale(0.60)\">\r\n    <path d=\"M8.4 7.6c.3-.5.5-.5.8-.5h.6c.2 0 .4.1.5.4l.9 2.1c.1.3.1.5-.1.7l-.7.9c-.2.2-.1.4 0 .6.7 1.2 1.7 2.2 2.9 2.9.2.1.4.2.6 0l1-1.2c.2-.2.4-.3.7-.2l2 .9c.3.1.5.3.5.5 0 .3-.2 1.4-.9 2.1-.7.7-1.6.9-2.7.8-1.1-.2-2.4-.6-4.1-1.7-3-1.9-4.9-4.7-5.1-6.2-.2-1.4.4-2.5 1.1-3.1Z\"><\/path>\r\n<\/g>\r\n    <\/svg>\r\n<\/span>\r\n    WHATSAPP\r\n<\/a>\r\n\r\n\r\n   \r\n\r\n<a class=\"cm-action\"\r\n   href=\"mailto:classmarineupholstery@gmail.com\"\r\n   onclick=\"if(!\/Android|iPhone|iPad|iPod\/i.test(navigator.userAgent)){window.open('https:\/\/mail.google.com\/mail\/?view=cm&amp;fs=1&amp;to=classmarineupholstery@gmail.com','_blank');return false;}\">\r\n\r\n                       <span class=\"cm-icon\">\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n        <rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect>\r\n        <path d=\"M4 7l8 6 8-6\"><\/path>\r\n    <\/svg>\r\n<\/span>\r\n                        E-POSTA\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <a class=\"cm-scroll\" href=\"#hakkimizda\">\r\n    <div class=\"cm-scroll-mouse\"><\/div>\r\n    <div>A\u015eA\u011eI KAYDIRIN<\/div>\r\n<\/a>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\/* MOBIL LOGO VE UST MENUYU ASAGI AL *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cm-hero .cm-nav .cm-nav-inner {\r\n        padding-top: 42px !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n<!-- CLASS MARINE MOBIL MENU -->\r\n\r\n<style>\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .cm-hero .cm-nav-inner {\r\n    grid-template-columns: minmax(0, 1fr) auto 38px !important;\r\n    gap: 8px !important;\r\n  }\r\n\r\n  .cm-hero .cm-logo img {\r\n    width: 135px !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .cm-hero .cm-language {\r\n    grid-column: 2 !important;\r\n    grid-row: 1 !important;\r\n    white-space: nowrap !important;\r\n  }\r\n\r\n  \/* HAMBURGER BUTONU *\/\r\n\r\n  .cm-mobile-menu-toggle {\r\n    display: flex !important;\r\n    grid-column: 3 !important;\r\n    grid-row: 1 !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 38px;\r\n    height: 38px;\r\n    padding: 0;\r\n    border: 1px solid rgba(255,255,255,0.45);\r\n    border-radius: 5px;\r\n    background: rgba(8,25,43,0.35);\r\n    color: #ffffff;\r\n    font-size: 23px;\r\n    line-height: 1;\r\n    cursor: pointer;\r\n  }\r\n\r\n  \/* KAPALI MENU *\/\r\n\r\n  .cm-hero .cm-nav.cm-mobile-ready .cm-menu {\r\n    display: none !important;\r\n    position: absolute !important;\r\n    top: calc(100% + 8px) !important;\r\n    left: 12px !important;\r\n    right: 12px !important;\r\n    width: auto !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 12px !important;\r\n    flex-direction: column !important;\r\n    align-items: stretch !important;\r\n    gap: 0 !important;\r\n    overflow: visible !important;\r\n    background: #14263b !important;\r\n    border: 1px solid rgba(201,163,95,0.5);\r\n    border-radius: 7px;\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.3);\r\n    z-index: 100 !important;\r\n  }\r\n\r\n  \/* ACILAN MENU *\/\r\n\r\n  .cm-hero .cm-nav.cm-mobile-ready .cm-menu.cm-menu-open {\r\n    display: flex !important;\r\n  }\r\n\r\n  .cm-hero .cm-nav.cm-mobile-ready .cm-menu a {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    padding: 13px 12px !important;\r\n    box-sizing: border-box !important;\r\n    color: #ffffff;\r\n    font-size: 12px !important;\r\n    text-align: left !important;\r\n  }\r\n\r\n  .cm-hero .cm-nav.cm-mobile-ready .cm-menu a:hover {\r\n    color: #c9a35f !important;\r\n    background: rgba(255,255,255,0.06);\r\n  }\r\n\r\n}\r\n\r\n\/* MASAUSTUNDE HAMBURGER GIZLI *\/\r\n\r\n@media (min-width: 768px) {\r\n  .cm-mobile-menu-toggle {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n  const nav = document.querySelector(\".cm-hero .cm-nav\");\r\n  if (!nav) return;\r\n\r\n  const inner = nav.querySelector(\".cm-nav-inner\");\r\n  const menu = nav.querySelector(\".cm-menu\");\r\n\r\n  if (!inner || !menu) return;\r\n  if (inner.querySelector(\".cm-mobile-menu-toggle\")) return;\r\n\r\n  const button = document.createElement(\"button\");\r\n\r\n  button.type = \"button\";\r\n  button.className = \"cm-mobile-menu-toggle\";\r\n  button.textContent = \"\\u2630\";\r\n  button.setAttribute(\"aria-label\", \"Men\u00fcy\u00fc a\u00e7\");\r\n  button.setAttribute(\"aria-expanded\", \"false\");\r\n\r\n  inner.appendChild(button);\r\n  nav.classList.add(\"cm-mobile-ready\");\r\n\r\n  function closeMenu() {\r\n    menu.classList.remove(\"cm-menu-open\");\r\n    button.setAttribute(\"aria-expanded\", \"false\");\r\n    button.setAttribute(\"aria-label\", \"Men\u00fcy\u00fc a\u00e7\");\r\n  }\r\n\r\n  button.addEventListener(\"click\", function () {\r\n    const isOpen = menu.classList.toggle(\"cm-menu-open\");\r\n\r\n    button.setAttribute(\"aria-expanded\", String(isOpen));\r\n    button.setAttribute(\r\n      \"aria-label\",\r\n      isOpen ? \"Men\u00fcy\u00fc kapat\" : \"Men\u00fcy\u00fc a\u00e7\"\r\n    );\r\n  });\r\n\r\n  menu.addEventListener(\"click\", function (event) {\r\n    if (event.target.closest(\"a\")) {\r\n      closeMenu();\r\n    }\r\n  });\r\n\r\n  document.addEventListener(\"keydown\", function (event) {\r\n    if (event.key === \"Escape\") {\r\n      closeMenu();\r\n    }\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- MOBIL MENU BITIS -->\r\n\r\n    <!-- HAKKIMIZDA -->\r\n    <section class=\"cm-about\" id=\"hakkimizda\">\r\n\r\n        <div class=\"cm-about-grid\">\r\n\r\n            <div class=\"cm-about-copy\">\r\n\r\n                <div class=\"cm-kicker\">\r\n                    HAKKIMIZDA\r\n                <\/div>\r\n\r\n                <h2 class=\"cm-title\">\r\n                    22 Y\u0131ll\u0131k Tecr\u00fcbe,<br>\r\n                    Sonsuz Tutku.\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Class Marine Yat D\u00f6\u015feme  olarak, 22 senelik\r\n                    tecr\u00fcbemizle yat d\u00f6\u015feme ve i\u00e7 mekan \u00e7\u00f6z\u00fcmlerinde\r\n                    fark yarat\u0131yoruz. Her yat\u0131n kendine has \u00f6l\u00e7\u00fcleri ve\r\n                    tarz\u0131 oldu\u011funun bilinciyle, t\u00fcm \u00fcr\u00fcnlerimizi size \u00f6zel\r\n                    \u00f6l\u00e7\u00fc ve tasar\u0131mlarla \u00fcretiyoruz.\r\n                <\/p>\r\n\r\n                <p class=\"en\">\r\n                    With 22 years of experience, we create the difference\r\n                    in yacht upholstery and interior solutions.\r\n                    We know that every yacht has its own dimensions\r\n                    and style, therefore we produce all our products\r\n                    in custom sizes and designs.\r\n                <\/p>\r\n\r\n               \r\n\r\n            <\/div>\r\n\r\n      <div class=\"cm-about-image\"><\/div>\r\n<\/div>\r\n\r\n   \r\n\r\n    <\/section>\r\n\r\n<style>\r\n\/* CLASS MARINE MOBIL HAKKIMIZDA DUZENI *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .cm-about {\r\n        width: 100% !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .cm-about .cm-about-grid {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: stretch !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        gap: 0 !important;\r\n    }\r\n\r\n    \/* YAZI ALANI *\/\r\n\r\n    .cm-about .cm-about-copy {\r\n        flex: none !important;\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        min-width: 0 !important;\r\n        box-sizing: border-box !important;\r\n        margin: 0 !important;\r\n        padding: 36px 22px !important;\r\n    }\r\n\r\n    .cm-about .cm-about-copy h2 {\r\n        font-size: clamp(30px, 8vw, 42px) !important;\r\n        line-height: 1.15 !important;\r\n    }\r\n\r\n    .cm-about .cm-about-copy p {\r\n        font-size: 15px !important;\r\n        line-height: 1.7 !important;\r\n    }\r\n\r\n    \/* FOTOGRAF ALANI *\/\r\n\r\n    .cm-about .cm-about-image {\r\n        position: relative !important;\r\n        inset: auto !important;\r\n        transform: none !important;\r\n        flex: none !important;\r\n\r\n        width: 100% !important;\r\n        max-width: 100% !important;\r\n        height: 300px !important;\r\n        min-height: 300px !important;\r\n\r\n        margin: 0 !important;\r\n\r\n        background-size: cover !important;\r\n        background-position: center center !important;\r\n        background-repeat: no-repeat !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n    <!-- HIZMETLER -->\r\n    <section class=\"cm-services\" id=\"hizmetler\">\r\n\r\n        <div class=\"cm-container\">\r\n\r\n            <div class=\"cm-kicker\">\r\n                H\u0130ZMETLER\u0130M\u0130Z\r\n            <\/div>\r\n\r\n            <h2 class=\"cm-services-title\">\r\n                Yapt\u0131\u011f\u0131m\u0131z \u0130\u015fler\r\n            <\/h2>\r\n\r\n\r\n<style>\r\n\/* HIZMET KARTLARI - TAM FOTOGRAF *\/\r\n\r\n.cm-services .cm-service-card {\r\n    position: relative !important;\r\n    min-height: 260px;\r\n    overflow: hidden !important;\r\n    isolation: isolate;\r\n}\r\n\r\n.cm-services .cm-service-photo {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    background-size: cover !important;\r\n    background-position: center !important;\r\n    background-repeat: no-repeat !important;\r\n    z-index: 0 !important;\r\n}\r\n\r\n.cm-services .cm-service-info {\r\n    position: absolute !important;\r\n    inset: 0 !important;\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    display: flex !important;\r\n    flex-direction: column !important;\r\n    align-items: center !important;\r\n    justify-content: flex-end !important;\r\n    padding: 20px 12px 24px !important;\r\n    text-align: center !important;\r\n    background: linear-gradient(\r\n        to top,\r\n        rgba(10, 20, 32, 0.85) 0%,\r\n        rgba(10, 20, 32, 0.15) 65%,\r\n        transparent 100%\r\n    ) !important;\r\n    z-index: 1 !important;\r\n}\r\n\r\n.cm-services .cm-service-icon,\r\n.cm-services .cm-service-name,\r\n.cm-services .cm-service-line {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.cm-services .cm-service-icon,\r\n.cm-services .cm-service-name {\r\n    color: #ffffff !important;\r\n}\r\n<\/style>\r\n\r\n            <div class=\"cm-service-grid\">\r\n\r\n                <div class=\"cm-service-card\">\r\n                   \r\n\r\n<div class=\"cm-service-photo\"\r\n     style=\"background-image:url('https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_0735.webp');\">\r\n<\/div>\r\n\r\n\r\n                    <div class=\"cm-service-info\">\r\n                        <div class<div class=\"cm-service-icon\">\r\n<svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n<rect x=\"4\" y=\"6\" width=\"16\" height=\"12\" rx=\"3\"\/>\r\n<path d=\"M7 15h10\"\/>\r\n<\/svg>\r\n<\/div>\r\n                       <div class=\"cm-service-name\">M\u0130NDER<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-service-card\">\r\n                   \r\n\r\n\r\n    <div class=\"cm-service-photo\" style=\"background-image:url('https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Gorseli-27-Eyl-2026-21_38_36.webp');\"><\/div>\r\n\r\n   \r\n                    <div class=\"cm-service-info\">\r\n                       <div class=\"cm-service-icon\">\r\n    <svg viewBox=\"0 0 32 32\" width=\"30\" height=\"30\"\r\n         fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\"\r\n         stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <path d=\"M9 5h14v22H9z\"\/>\r\n        <path d=\"M12 8h8\"\/>\r\n        <path d=\"M12 21h8\"\/>\r\n        <path d=\"M12 24h8\"\/>\r\n        <path d=\"M9 18h14\"\/>\r\n    <\/svg>\r\n<\/div>\r\n                        <div class=\"cm-service-name\">HAVLU KILIFI<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cm-service-card\">\r\n                   \r\n<div class=\"cm-service-photo\" style=\"background-image:url('https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Gorseli-27-Eyl-2026-21_50_43.webp');\"><\/div>\r\n\r\n                    <div class=\"cm-service-info\">\r\n                        <div class<div class=\"cm-service-icon\">\r\n    <svg viewBox=\"0 0 48 32\" width=\"38\" height=\"28\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n  <path d=\"M5 10 C12 6,20 5,28 6 C35 6,40 8,43 11\"\/>\r\n  <path d=\"M5 10 L10 12\"\/>\r\n  <path d=\"M43 11 L38 13\"\/>\r\n  <path d=\"M10 12 L6 28\"\/>\r\n  <path d=\"M38 13 L42 28\"\/>\r\n  <path d=\"M17 10 L14 28\"\/>\r\n  <path d=\"M31 11 L34 28\"\/>\r\n  <path d=\"M6 28 Q24 31 42 28\"\/>\r\n<\/svg>\r\n<\/div>\r\n                        <div class=\"cm-service-name\">TENTE<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n\r\n                \r\n<!-- KAPATMA KARTI BASLANGIC -->\r\n<div class=\"cm-service-card\">\r\n\r\n <div class=\"cm-service-photo\"\r\nstyle=\"background-image:url('https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class-marine-service-optimized.webp');\"><\/div>\r\n\r\n  <div class=\"cm-service-info\">\r\n\r\n    <div class=\"cm-service-icon\">\r\n      <svg viewBox=\"0 0 48 32\" width=\"40\" height=\"30\"\r\n           fill=\"none\" stroke=\"currentColor\"\r\n           stroke-width=\"1.5\" stroke-linecap=\"round\"\r\n           stroke-linejoin=\"round\">\r\n        <path d=\"M5 23 L9 28 H37 L43 23\"\/>\r\n        <path d=\"M5 23 H43\"\/>\r\n        <path d=\"M12 22 L16 15 H31 L37 22\"\/>\r\n        <path d=\"M17 15 L20 11 H29 L32 15\"\/>\r\n        <path d=\"M9 20 Q24 10 39 20\"\/>\r\n        <path d=\"M9 20 Q24 25 39 20\"\/>\r\n        <path d=\"M14 18 L11 24\"\/>\r\n        <path d=\"M34 18 L38 24\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"cm-service-name\">KAPATMA<\/div>\r\n    <div class=\"cm-service-line\"><\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n<!-- KAPATMA KARTI BITIS -->\r\n\r\n\r\n\r\n                <div class=\"cm-service-card\">\r\n                 \r\n<div class=\"cm-service-photo\" style=\"background-image:url('https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/KPOX5041.jpeg');\"><\/div>\r\n\r\n                    <div class=\"cm-service-info\">\r\n                   <svg viewBox=\"0 0 64 44\" width=\"46\" height=\"32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n<path d=\"M32 4 C23 5 16 10 12 18 L8 32 C14 36 21 39 32 40 C43 39 50 36 56 32 L52 18 C48 10 41 5 32 4Z\"\/>\r\n<path d=\"M32 9 C25 10 20 14 17 20 L15 29 C20 32 25 34 32 35 C39 34 44 32 49 29 L47 20 C44 14 39 10 32 9Z\"\/>\r\n<path d=\"M17 20 H47\"\/>\r\n<path d=\"M19 25 H45\"\/>\r\n<path d=\"M21 30 H43\"\/>\r\n<path d=\"M11 20 C9 24 9 28 8 32\"\/>\r\n<path d=\"M53 20 C55 24 55 28 56 32\"\/>\r\n<path d=\"M16 35 L13 40\"\/>\r\n<path d=\"M48 35 L51 40\"\/>\r\n<\/svg>\r\n                        <div class=\"cm-service-name\">BOT KILIFI<\/div>\r\n                        <div class=\"cm-service-line\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n           \r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- GALERI -->\r\n    <section class=\"cm-gallery\">\r\n\r\n        <div class=\"cm-kicker\">\r\n            GALERIDEN\r\n        <\/div>\r\n\r\n        <h2 class=\"cm-gallery-title\">\r\n            Baz\u0131 \u00c7al\u0131\u015fmalar\u0131m\u0131z\r\n        <\/h2>\r\n\r\n\r\n        <div class=\"cm-gallery-grid\">\r\n\r\n           \r\n\r\n  <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/ABUH5134.jpg\" alt=\"Class Marine galeri 1\" loading=\"lazy\">\r\n  \r\n  <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/DDBF2891-scaled.jpeg\" alt=\"Class Marine galeri 2\" loading=\"lazy\">\r\n  \r\n  <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_0287-scaled.jpg\" alt=\"Class Marine galeri 3\" loading=\"lazy\">\r\n  \r\n  <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_0736.jpg\" alt=\"Class Marine galeri 4\" loading=\"lazy\">\r\n  \r\n  <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/KVYU2506.jpeg\" alt=\"Class Marine galeri 5\" loading=\"lazy\">\r\n<\/div>\r\n\r\n\r\n     \r\n<!-- TUM GALERI BUTONU -->\r\n\r\n<div class=\"cm-center-button\">\r\n    <button type=\"button\"\r\n            class=\"cm-gallery-button\"\r\n            onclick=\"document.getElementById('cm-gallery-dialog').showModal()\">\r\n        T\u00dcM GALER\u0130\r\n        <span aria-hidden=\"true\">&#8594;<\/span>\r\n    <\/button>\r\n<\/div>\r\n\r\n\r\n<!-- ACILAN FOTOGRAF GALERISI -->\r\n\r\n\r\n<!-- CLASS MARINE FOTOGRAF GALERISI -->\r\n\r\n<dialog id=\"cm-gallery-dialog\" class=\"cm-photo-dialog\">\r\n\r\n  <button type=\"button\" class=\"cm-photo-close\"\r\n    aria-label=\"Galeriyi kapat\"\r\n    onclick=\"document.getElementById('cm-gallery-dialog').close()\">\r\n    &times;\r\n  <\/button>\r\n\r\n  <div class=\"cm-photo-grid\">\r\n\r\n    <button type=\"button\" onclick=\"cmOpenGalleryPhoto(0)\">\r\n      <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/ABUH5134.jpg\" alt=\"Class Marine calismasi 1\" loading=\"lazy\">\r\n    <\/button>\r\n\r\n    <button type=\"button\" onclick=\"cmOpenGalleryPhoto(1)\">\r\n      <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/DDBF2891-scaled.jpeg\" alt=\"Class Marine calismasi 2\" loading=\"lazy\">\r\n    <\/button>\r\n\r\n    <button type=\"button\" onclick=\"cmOpenGalleryPhoto(2)\">\r\n      <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_0287-scaled.jpg\" alt=\"Class Marine calismasi 3\" loading=\"lazy\">\r\n    <\/button>\r\n\r\n    <button type=\"button\" onclick=\"cmOpenGalleryPhoto(3)\">\r\n      <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_0736.jpg\" alt=\"Class Marine calismasi 4\" loading=\"lazy\">\r\n    <\/button>\r\n\r\n    <button type=\"button\" onclick=\"cmOpenGalleryPhoto(4)\">\r\n      <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/KVYU2506.jpeg\" alt=\"Class Marine calismasi 5\" loading=\"lazy\">\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n<\/dialog>\r\n\r\n\r\n<!-- BUYUK FOTOGRAF PENCERESI -->\r\n\r\n<dialog id=\"cm-image-dialog\" class=\"cm-photo-viewer\"\r\n  onclick=\"if(event.target === this) this.close()\">\r\n\r\n  <button type=\"button\" class=\"cm-viewer-close\"\r\n    aria-label=\"Fotografi kapat\"\r\n    onclick=\"document.getElementById('cm-image-dialog').close()\">\r\n    &times;\r\n  <\/button>\r\n\r\n  <button type=\"button\" class=\"cm-viewer-prev\"\r\n    aria-label=\"Onceki fotograf\"\r\n    onclick=\"cmMoveGalleryPhoto(-1)\">\r\n    &#10094;\r\n  <\/button>\r\n\r\n  <img id=\"cm-photo-big\" alt=\"Class Marine calismasi\">\r\n\r\n  <button type=\"button\" class=\"cm-viewer-next\"\r\n    aria-label=\"Sonraki fotograf\"\r\n    onclick=\"cmMoveGalleryPhoto(1)\">\r\n    &#10095;\r\n  <\/button>\r\n\r\n<\/dialog>\r\n\r\n\r\n<style>\r\n\r\n\/* YAZISIZ GALERI PENCERESI *\/\r\n\r\ndialog.cm-photo-dialog {\r\n  width: min(1000px, 94vw);\r\n  max-width: 94vw;\r\n  max-height: 86vh;\r\n  margin: auto;\r\n  padding: 45px 24px 24px;\r\n  box-sizing: border-box;\r\n  border: 1px solid #c9a35f;\r\n  border-radius: 12px;\r\n  background: #1d2634;\r\n  overflow-y: auto;\r\n}\r\n\r\ndialog.cm-photo-dialog::backdrop {\r\n  background: rgba(5, 12, 22, 0.88);\r\n}\r\n\r\n.cm-photo-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  gap: 14px;\r\n}\r\n\r\n.cm-photo-grid button {\r\n  width: 100%;\r\n  padding: 0;\r\n  border: 0;\r\n  background: transparent;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n}\r\n\r\n.cm-photo-grid img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 260px;\r\n  object-fit: cover;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.cm-photo-grid button:hover img {\r\n  transform: scale(1.04);\r\n}\r\n\r\n.cm-photo-close {\r\n  position: absolute;\r\n  top: 8px;\r\n  right: 12px;\r\n  width: 36px;\r\n  height: 36px;\r\n  border: 0;\r\n  background: transparent;\r\n  color: white;\r\n  font-size: 30px;\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n\/* BUYUK FOTOGRAF *\/\r\n\r\ndialog.cm-photo-viewer {\r\n  position: relative;\r\n  width: min(1400px, 98vw);\r\n  max-width: 98vw;\r\n  height: min(900px, 94vh);\r\n  max-height: 94vh;\r\n  margin: auto;\r\n  padding: 55px 65px;\r\n  box-sizing: border-box;\r\n  border: 0;\r\n  background: #101820;\r\n  overflow: hidden;\r\n}\r\n\r\ndialog.cm-photo-viewer::backdrop {\r\n  background: rgba(0, 0, 0, 0.95);\r\n}\r\n\r\n.cm-photo-viewer img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n\r\n.cm-photo-close,\r\n.cm-viewer-close {\r\n    position: absolute;\r\n    top: 8px;\r\n    right: 12px;\r\n    z-index: 10;\r\n    width: 36px;\r\n    height: 36px;\r\n    padding: 0;\r\n    margin: 0;\r\n    border: 0;\r\n    border-radius: 4px;\r\n    background: #d94b78;\r\n    color: #ffffff;\r\n    font-family: Arial, sans-serif;\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    line-height: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n.cm-viewer-prev,\r\n.cm-viewer-next {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  z-index: 5;\r\n  width: 46px;\r\n  height: 46px;\r\n  border: 0;\r\n  border-radius: 50%;\r\n  background: rgba(255,255,255,0.18);\r\n  color: white;\r\n  font-size: 24px;\r\n  cursor: pointer;\r\n}\r\n\r\n.cm-viewer-prev {\r\n  left: 10px;\r\n}\r\n\r\n.cm-viewer-next {\r\n  right: 10px;\r\n}\r\n\r\n.cm-viewer-prev:hover,\r\n.cm-viewer-next:hover {\r\n  background: rgba(255,255,255,0.35);\r\n}\r\n\r\n@media (max-width: 700px) {\r\n\r\n  .cm-photo-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  }\r\n\r\n  .cm-photo-grid img {\r\n    height: 180px;\r\n  }\r\n\r\n  dialog.cm-photo-viewer {\r\n    padding: 55px 42px;\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 \r\nconst photos = [\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/ABUH5134.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/DDBF2891-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_0287-scaled.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_0736.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/KVYU2506.jpeg\",\r\n\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/YHIB5526.jpg\",\r\n\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/YCBA5159-e1790547833293.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/WOJX4019-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/WIWP9618-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/VODI0950.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/VJDL0523-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/VAKL7104-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/UDTV4507-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/TJHZ2588-e1790542996652.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/STNU0255.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/RRGO1474-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/QZLO7347.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/QCZN8015-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/OQDG7991-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/MPJR7664-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/MPAX2263-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/JJHA3196-scaled.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_9259.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_9258.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_9257.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/IMG_9036.jpg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/HFFZ9272-scaled.webp\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/ENAH9590-scaled.webp\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/DDIC7990-scaled.webp\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/CENF4127.webp\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-28-at-00.08.42.jpeg\",\r\n  \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-28-at-00.08.42-1.jpeg\"\r\n];\r\n\r\n\/* TUM FOTOGRAFLARI GALERIYE YERLESTIR *\/\r\n\r\nconst galleryGrid = document.querySelector(\r\n  \"#cm-gallery-dialog .cm-photo-grid\"\r\n);\r\n\r\nif (galleryGrid) {\r\n\r\n  galleryGrid.replaceChildren();\r\n\r\n  photos.forEach(function(src, index) {\r\n\r\n    const button = document.createElement(\"button\");\r\n    button.type = \"button\";\r\n    button.setAttribute(\r\n      \"aria-label\",\r\n      \"Fotografi ac \" + (index + 1)\r\n    );\r\n\r\n    const img = document.createElement(\"img\");\r\n    img.src = src;\r\n    img.alt = \"Class Marine calismasi \" + (index + 1);\r\n    img.loading = \"lazy\";\r\n\r\n    button.appendChild(img);\r\n\r\n    button.addEventListener(\"click\", function() {\r\n      window.cmOpenGalleryPhoto(index);\r\n    });\r\n\r\n    galleryGrid.appendChild(button);\r\n\r\n  });\r\n\r\n}\r\n\r\n\r\n  let current = 0;\r\n\r\nwindow.cmOpenGalleryPhoto = function(index) {\r\n\r\n    const gallery = document.getElementById(\"cm-gallery-dialog\");\r\n    const viewer = document.getElementById(\"cm-image-dialog\");\r\n    const bigPhoto = document.getElementById(\"cm-photo-big\");\r\n\r\n    if (!viewer || !bigPhoto || !photos[index]) return;\r\n\r\n    current = index;\r\n\r\n    bigPhoto.src = photos[current];\r\n\r\n    \/\/ Once kucuk fotograf galerisini kapat\r\n    const galleryWasOpen = gallery && gallery.open;\r\n\r\n    if (galleryWasOpen) {\r\n        gallery.close();\r\n    }\r\n\r\n    \/\/ Ardindan buyuk fotografi ac\r\n    if (!viewer.open) {\r\n        viewer.showModal();\r\n    }\r\n\r\n    \/\/ Buyuk fotograf kapaninca galeriye geri don\r\n    if (galleryWasOpen) {\r\n\r\n        viewer.addEventListener(\"close\", function() {\r\n\r\n            if (!gallery.open) {\r\n                gallery.showModal();\r\n            }\r\n\r\n        }, { once: true });\r\n\r\n    }\r\n\r\n};\r\n\r\n\r\n    \/\/ Once kucuk fotograf galerisini kapat\r\n    const galleryWasOpen = gallery && gallery.open;\r\n\r\n    if (galleryWasOpen) {\r\n        gallery.close();\r\n    }\r\n\r\n    \/\/ Ardindan buyuk fotografi ac\r\n    if (!viewer.open) {\r\n        viewer.showModal();\r\n    }\r\n\r\n    \/\/ Buyuk fotograf kapaninca galeriye geri don\r\n    if (galleryWasOpen) {\r\n\r\n        viewer.addEventListener(\"close\", function() {\r\n\r\n            if (!gallery.open) {\r\n                gallery.showModal();\r\n            }\r\n\r\n        }, { once: true });\r\n\r\n    }\r\n\r\n};\r\n\r\n\r\n  window.cmMoveGalleryPhoto = function(step) {\r\n    current = (current + step + photos.length) % photos.length;\r\n\r\n    document.getElementById(\"cm-photo-big\").src = photos[current];\r\n  };\r\n\r\n  document.addEventListener(\"keydown\", function(event) {\r\n    const viewer = document.getElementById(\"cm-image-dialog\");\r\n\r\n    if (!viewer || !viewer.open) return;\r\n\r\n    if (event.key === \"ArrowRight\") {\r\n      cmMoveGalleryPhoto(1);\r\n    }\r\n\r\n    if (event.key === \"ArrowLeft\") {\r\n      cmMoveGalleryPhoto(-1);\r\n    }\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<!-- CLASS MARINE GALERI DUZELTMESI -->\r\n\r\n<script>\r\n(function () {\r\n\r\n  const base = \"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/\";\r\n\r\n  const files = [\r\n    \"ABUH5134.jpg\",\r\n    \"DDBF2891-scaled.jpeg\",\r\n    \"IMG_0287-scaled.jpg\",\r\n    \"IMG_0736.jpg\",\r\n    \"KVYU2506.jpeg\",\r\n    \"YHIB5526.jpg\",\r\n\"YCBA5159-e1790547833293.jpeg\",\r\n    \"WOJX4019-scaled.jpeg\",\r\n    \"WIWP9618-scaled.jpeg\",\r\n    \"VODI0950.jpeg\",\r\n    \"VJDL0523-scaled.jpeg\",\r\n    \"VAKL7104-scaled.jpeg\",\r\n    \"UDTV4507-scaled.jpeg\",\r\n    \"TJHZ2588-e1790542996652.jpeg\",\r\n    \"STNU0255.jpg\",\r\n    \"RRGO1474-scaled.jpeg\",\r\n    \"QZLO7347.jpg\",\r\n    \"QCZN8015-scaled.jpeg\",\r\n    \"OQDG7991-scaled.jpeg\",\r\n    \"MPJR7664-scaled.jpeg\",\r\n    \"MPAX2263-scaled.jpeg\",\r\n    \"JJHA3196-scaled.jpeg\",\r\n    \"IMG_9259.jpg\",\r\n    \"IMG_9258.jpg\",\r\n    \"IMG_9257.jpg\",\r\n    \"IMG_9036.jpg\",\r\n    \"HFFZ9272-scaled.webp\",\r\n    \"ENAH9590-scaled.webp\",\r\n    \"DDIC7990-scaled.webp\",\r\n    \"CENF4127.webp\",\r\n    \"WhatsApp-Image-2026-09-28-at-00.08.42.jpeg\",\r\n    \"WhatsApp-Image-2026-09-28-at-00.08.42-1.jpeg\"\r\n  ];\r\n\r\n  const photos = files.map(function (file) {\r\n    return base + file;\r\n  });\r\n\r\n  function initGallery() {\r\n\r\n    const gallery = document.getElementById(\"cm-gallery-dialog\");\r\n    const viewer = document.getElementById(\"cm-image-dialog\");\r\n    const bigPhoto = document.getElementById(\"cm-photo-big\");\r\n\r\n    const grid = gallery\r\n      ? gallery.querySelector(\".cm-photo-grid\")\r\n      : null;\r\n\r\n    if (!gallery || !viewer || !bigPhoto || !grid) {\r\n      console.warn(\"Class Marine galeri elemanlari bulunamadi.\");\r\n      return;\r\n    }\r\n\r\n    \/* ESKI 5 FOTOGRAFI TEMIZLE *\/\r\n\r\n    grid.replaceChildren();\r\n\r\n    let current = 0;\r\n    let returnToGallery = false;\r\n\r\n    \/* 32 FOTOGRAFI OLUSTUR *\/\r\n\r\n    photos.forEach(function (src, index) {\r\n\r\n      const button = document.createElement(\"button\");\r\n\r\n      button.type = \"button\";\r\n      button.setAttribute(\r\n        \"aria-label\",\r\n        \"Fotografi ac \" + (index + 1)\r\n      );\r\n\r\n      const img = document.createElement(\"img\");\r\n\r\n      img.src = src;\r\n      img.alt = \"Class Marine calismasi \" + (index + 1);\r\n      img.loading = \"lazy\";\r\n\r\n      button.appendChild(img);\r\n\r\n      button.addEventListener(\"click\", function () {\r\n        window.cmOpenGalleryPhoto(index);\r\n      });\r\n\r\n      grid.appendChild(button);\r\n\r\n    });\r\n\r\n    \/* FOTOGRAFI BUYUT *\/\r\n\r\n    window.cmOpenGalleryPhoto = function (index) {\r\n\r\n      if (!photos[index]) return;\r\n\r\n      current = index;\r\n\r\n      bigPhoto.src = photos[current];\r\n\r\n      returnToGallery = gallery.open;\r\n\r\n      if (gallery.open) {\r\n        gallery.close();\r\n      }\r\n\r\n      requestAnimationFrame(function () {\r\n\r\n        if (!viewer.open) {\r\n          viewer.showModal();\r\n        }\r\n\r\n      });\r\n\r\n    };\r\n\r\n    \/* SAG VE SOL OKLAR *\/\r\n\r\n    window.cmMoveGalleryPhoto = function (step) {\r\n\r\n      current = (\r\n        current + step + photos.length\r\n      ) % photos.length;\r\n\r\n      bigPhoto.src = photos[current];\r\n\r\n    };\r\n\r\n    \/* BUYUK FOTOGRAF KAPANINCA GALERIYE DON *\/\r\n\r\n    viewer.addEventListener(\"close\", function () {\r\n\r\n      if (returnToGallery && !gallery.open) {\r\n        gallery.showModal();\r\n      }\r\n\r\n      returnToGallery = false;\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      initGallery,\r\n      { once: true }\r\n    );\r\n\r\n  } else {\r\n\r\n    initGallery();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- CLASS MARINE GALERI DUZELTMESI BITIS -->\r\n\r\n<style>\r\n\/* MOBIL GALERI FOTOGRAFINI AYNI PENCEREDE AC *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #cm-gallery-dialog.cm-mobile-zoom {\r\n    height: 86dvh !important;\r\n    max-height: 86dvh !important;\r\n    overflow: hidden !important;\r\n  }\r\n\r\n  #cm-gallery-dialog.cm-mobile-zoom > .cm-photo-grid,\r\n  #cm-gallery-dialog.cm-mobile-zoom > .cm-photo-close {\r\n    display: none !important;\r\n  }\r\n\r\n  #cm-gallery-dialog .cm-mobile-viewer {\r\n    display: none;\r\n  }\r\n\r\n  #cm-gallery-dialog.cm-mobile-zoom .cm-mobile-viewer {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 9999;\r\n    display: flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 55px 42px 28px;\r\n    box-sizing: border-box;\r\n    background: #0b1522;\r\n  }\r\n\r\n  #cm-gallery-dialog .cm-mobile-viewer img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n  }\r\n\r\n  #cm-gallery-dialog .cm-mobile-viewer button {\r\n    position: absolute;\r\n    z-index: 10;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 0;\r\n    border: 0;\r\n    color: #fff;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #cm-gallery-dialog .cm-mobile-close {\r\n    top: 10px;\r\n    right: 10px;\r\n    width: 38px;\r\n    height: 38px;\r\n    border-radius: 5px;\r\n    background: #d94b78;\r\n    font-size: 27px;\r\n  }\r\n\r\n  #cm-gallery-dialog .cm-mobile-prev,\r\n  #cm-gallery-dialog .cm-mobile-next {\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 36px;\r\n    height: 46px;\r\n    border-radius: 5px;\r\n    background: rgba(255,255,255,0.18);\r\n    font-size: 26px;\r\n  }\r\n\r\n  #cm-gallery-dialog .cm-mobile-prev {\r\n    left: 4px;\r\n  }\r\n\r\n  #cm-gallery-dialog .cm-mobile-next {\r\n    right: 4px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n  function initMobileGallery() {\r\n\r\n    const gallery = document.getElementById(\"cm-gallery-dialog\");\r\n    if (!gallery || gallery.dataset.mobileViewerReady === \"1\") return;\r\n\r\n    const grid = gallery.querySelector(\".cm-photo-grid\");\r\n    if (!grid) return;\r\n\r\n    gallery.dataset.mobileViewerReady = \"1\";\r\n\r\n    const oldOpen = window.cmOpenGalleryPhoto;\r\n    const oldMove = window.cmMoveGalleryPhoto;\r\n\r\n    const viewer = document.createElement(\"div\");\r\n    viewer.className = \"cm-mobile-viewer\";\r\n\r\n    viewer.innerHTML = `\r\n      <button type=\"button\" class=\"cm-mobile-close\" aria-label=\"Fotografi kapat\">&times;<\/button>\r\n      <button type=\"button\" class=\"cm-mobile-prev\" aria-label=\"Onceki fotograf\">&#10094;<\/button>\r\n      <img alt=\"Class Marine calismasi\">\r\n      <button type=\"button\" class=\"cm-mobile-next\" aria-label=\"Sonraki fotograf\">&#10095;<\/button>\r\n    `;\r\n\r\n    gallery.appendChild(viewer);\r\n\r\n    const image = viewer.querySelector(\"img\");\r\n\r\n    let photos = [];\r\n    let current = 0;\r\n    let savedScroll = 0;\r\n\r\n    function showPhoto(index) {\r\n      if (!photos.length) return;\r\n\r\n      current = (index + photos.length) % photos.length;\r\n      image.src = photos[current];\r\n    }\r\n\r\n    function closePhoto() {\r\n      gallery.classList.remove(\"cm-mobile-zoom\");\r\n      image.removeAttribute(\"src\");\r\n      gallery.scrollTop = savedScroll;\r\n    }\r\n\r\n    window.cmOpenGalleryPhoto = function(index) {\r\n\r\n      if (!window.matchMedia(\"(max-width: 767px)\").matches) {\r\n        if (typeof oldOpen === \"function\") oldOpen(index);\r\n        return;\r\n      }\r\n\r\n      photos = Array.from(\r\n        grid.querySelectorAll(\"img\")\r\n      ).map(function(img) {\r\n        return img.getAttribute(\"src\");\r\n      }).filter(Boolean);\r\n\r\n      if (!photos[index]) return;\r\n\r\n      savedScroll = gallery.scrollTop;\r\n\r\n      gallery.classList.add(\"cm-mobile-zoom\");\r\n\r\n      showPhoto(index);\r\n    };\r\n\r\n    window.cmMoveGalleryPhoto = function(step) {\r\n\r\n      if (gallery.classList.contains(\"cm-mobile-zoom\")) {\r\n        showPhoto(current + step);\r\n        return;\r\n      }\r\n\r\n      if (typeof oldMove === \"function\") oldMove(step);\r\n    };\r\n\r\n    viewer.querySelector(\".cm-mobile-close\")\r\n      .addEventListener(\"click\", closePhoto);\r\n\r\n    viewer.querySelector(\".cm-mobile-prev\")\r\n      .addEventListener(\"click\", function() {\r\n        showPhoto(current - 1);\r\n      });\r\n\r\n    viewer.querySelector(\".cm-mobile-next\")\r\n      .addEventListener(\"click\", function() {\r\n        showPhoto(current + 1);\r\n      });\r\n\r\n    gallery.addEventListener(\"cancel\", function(event) {\r\n      if (gallery.classList.contains(\"cm-mobile-zoom\")) {\r\n        event.preventDefault();\r\n        closePhoto();\r\n      }\r\n    });\r\n\r\n    document.addEventListener(\"keydown\", function(event) {\r\n\r\n      if (!gallery.classList.contains(\"cm-mobile-zoom\")) return;\r\n\r\n      if (event.key === \"ArrowRight\") {\r\n        event.preventDefault();\r\n        showPhoto(current + 1);\r\n      }\r\n\r\n      if (event.key === \"ArrowLeft\") {\r\n        event.preventDefault();\r\n        showPhoto(current - 1);\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initMobileGallery);\r\n  } else {\r\n    initMobileGallery();\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- GALERI BITIS -->\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* BUYUK GALERI BUTONU *\/\r\n\r\n.cm-center-button {\r\n    text-align: center;\r\n    margin: 42px 0 15px;\r\n}\r\n\r\n.cm-gallery-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 20px;\r\n    min-width: 240px;\r\n    padding: 18px 38px;\r\n    background: #c9a35f;\r\n    color: #192333;\r\n    border: 1px solid #c9a35f;\r\n    border-radius: 5px;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.cm-gallery-button:hover {\r\n    background: #192333;\r\n    color: #ffffff;\r\n    border-color: #192333;\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* GALERI PENCERESI *\/\r\n\r\n.cm-gallery-dialog {\r\n    width: min(1050px, calc(100vw - 32px));\r\n    max-width: 1050px;\r\n    max-height: 85vh;\r\n    box-sizing: border-box;\r\n    padding: 30px;\r\n    margin: auto;\r\n    border: 1px solid #c9a35f;\r\n    border-radius: 12px;\r\n    background: #1d2634;\r\n    color: #ffffff;\r\n    overflow-y: auto;\r\n}\r\n\r\n.cm-gallery-dialog::backdrop {\r\n    background: rgba(5, 12, 22, 0.85);\r\n}\r\n\r\n\r\n\/* GALERI BASLIGI *\/\r\n\r\n.cm-gallery-popup-header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n    margin-bottom: 28px;\r\n}\r\n\r\n.cm-gallery-popup-kicker {\r\n    color: #c9a35f;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n}\r\n\r\n.cm-gallery-popup-header h2 {\r\n    margin: 8px 0 0;\r\n    color: #ffffff;\r\n    font-family: Georgia, serif;\r\n    font-size: 32px;\r\n    font-weight: 400;\r\n}\r\n\r\n.cm-gallery-close {\r\n    flex-shrink: 0;\r\n    width: 42px;\r\n    height: 42px;\r\n    border: 1px solid rgba(255,255,255,0.3);\r\n    border-radius: 50%;\r\n    background: transparent;\r\n    color: #ffffff;\r\n    font-size: 28px;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n\/* GALERI FOTOGRAFLARI *\/\r\n\r\n.cm-gallery-popup-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(\r\n        auto-fit,\r\n        minmax(220px, 1fr)\r\n    );\r\n    gap: 16px;\r\n}\r\n\r\n.cm-gallery-popup-grid a {\r\n    display: block;\r\n    overflow: hidden;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    background: #293747;\r\n}\r\n\r\n.cm-gallery-popup-grid img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 240px;\r\n    object-fit: cover;\r\n    transition: transform 0.4s ease;\r\n}\r\n\r\n.cm-gallery-popup-grid a:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n.cm-gallery-popup-grid span {\r\n    display: block;\r\n    padding: 13px;\r\n    text-align: center;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* TELEFON GORUNUMU *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .cm-gallery-dialog {\r\n        padding: 18px;\r\n    }\r\n\r\n    .cm-gallery-popup-header h2 {\r\n        font-size: 25px;\r\n    }\r\n\r\n    .cm-gallery-popup-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .cm-gallery-popup-grid img {\r\n        height: 230px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- GALERI BITIS -->\r\n\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- MARKALAR -->\r\n    <section class=\"cm-brands\" id=\"markalar\">\r\n\r\n        <div class=\"cm-container\">\r\n\r\n            <div class=\"cm-kicker\">\r\n                CALISTIGIMIZ MARKALAR\r\n            <\/div>\r\n\r\n            <h2 class=\"cm-brands-title\">\r\n                Kaliteli Malzeme, Kaliteli \u0130\u015f\u00e7ilik\r\n                \r\n            <\/h2>\r\n\r\n<!-- CLASS MARINE MARKA LOGOLARI -->\r\n\r\n<div class=\"cm-brand-grid\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/ykk-1.png\"\r\n         alt=\"YKK\"\r\n         loading=\"lazy\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/images.png\"\r\n         alt=\"Calistigimiz marka 2\"\r\n         loading=\"lazy\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/images-2.png\"\r\n         alt=\"Calistigimiz marka 3\"\r\n         loading=\"lazy\">\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/images-1.png\"\r\n         alt=\"Calistigimiz marka 4\"\r\n         loading=\"lazy\">\r\n\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* MARKA LOGOLARI *\/\r\n\r\n.cm-brands .cm-brand-grid {\r\n    display: grid !important;\r\n    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;\r\n    gap: 24px !important;\r\n    align-items: center !important;\r\n    justify-items: center !important;\r\n}\r\n\r\n.cm-brands .cm-brand-grid img {\r\n    display: block !important;\r\n    width: 100% !important;\r\n    height: 55px !important;\r\n    max-height: 55px !important;\r\n    object-fit: contain !important;\r\n    filter: none !important;\r\n    opacity: 1 !important;\r\n}\r\n\r\n\/* TELEFON *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .cm-brands .cm-brand-grid {\r\n        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;\r\n        gap: 20px !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<!-- MARKA LOGOLARI BITIS -->\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- FOOTER -->\r\n<footer class=\"cm-footer\" id=\"eski-footer\">\r\n\r\n\r\n        <div class=\"cm-container\">\r\n\r\n            <div class=\"cm-footer-grid\">\r\n\r\n\r\n                <div>\r\n\r\n                    <div class=\"cm-footer-logo\">\r\n                        <img decoding=\"async\" src=\"BURAYA_LOGO_URL\">\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Class Marine Yacht Interiors olarak,\r\n            deger katan ozel tasarim doseme\r\n                        ve ic mekan cozumleri sunuyoruz.\r\n                        Kaliteyi, konforu ve estetigi bir araya getiriyoruz.\r\n                    <\/p>\r\n\r\n                    <div class=\"cm-socials\">\r\n                        <a href=\"#\">\u25ce<\/a>\r\n                        <a href=\"#\">\u25c9<\/a>\r\n                        <a href=\"#\">\u2709<\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <div class=\"cm-footer-heading\">\r\n                        HIZLI LINKLER\r\n                    <\/div>\r\n\r\n                    <div class=\"cm-footer-links\">\r\n                        <a href=\"#anasayfa\">Ana Sayfa<\/a>\r\n                        <a href=\"#hakkimizda\">Hakkimizda<\/a>\r\n                        <a href=\"#hizmetler\">Hizmetlerimiz<\/a>\r\n                        <a href=\"#markalar\">Markalar<\/a>\r\n                        <a href=\"#iletisim\">Iletisim<\/a>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <div class=\"cm-footer-heading\">\r\n                        ILETISIM\r\n                    <\/div>\r\n\r\n                    <div class=\"cm-contact-line\">\r\n                        \u25c9 Marmaris, Mugla \/ TURKIYE\r\n                    <\/div>\r\n\r\n                    <div class=\"cm-contact-line\">\r\n                        \u25c9 WhatsApp ile Iletisime Gecin\r\n                    <\/div>\r\n\r\n                <div class=\"cm-contact-line\">\r\n  \u2709\r\n  <a href=\"mailto:classmarineupholstery@gmail.com\">\r\n    classmarineupholstery@gmail.com\r\n  <\/a>\r\n<\/div>\r\n\r\n                    <div class=\"cm-contact-line\">\r\n                        \u25ce @classmarineyachtinteriors\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cm-copy\">\r\n                \u00a9 2026 Class Marine Yacht Interiors. Tum haklari saklidir.\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/footer>\r\n\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n    const trButton = document.getElementById(\"lang-tr\");\r\n    const enButton = document.getElementById(\"lang-en\");\r\n\r\n    const translations = {\r\n        tr: {\r\n            menu: [\r\n                \"ANA SAYFA\",\r\n                \"HAKKIMIZDA\",\r\n                \"H\u0130ZMETLER\u0130M\u0130Z\",\r\n                \"MARKALAR\",\r\n                \"\u0130LET\u0130\u015e\u0130M\"\r\n            ],\r\n            kicker: \"CLASS MARINE\",\r\n            title: \"Yat\u0131n\u0131z \u0130\u00e7in<br>\u00d6zel Tasar\u0131m<br>D\u00f6\u015feme \u00c7\u00f6z\u00fcmleri\"\r\n        },\r\n\r\n        en: {\r\n            menu: [\r\n                \"HOME\",\r\n                \"ABOUT US\",\r\n                \"SERVICES\",\r\n                \"BRANDS\",\r\n                \"CONTACT\"\r\n            ],\r\n            kicker: \"CLASS MARINE\",\r\n            title: \"Bespoke Upholstery<br>Solutions For<br>Your Yacht\"\r\n        }\r\n    };\r\n\r\n    function changeLanguage(lang) {\r\n\r\n        const data = translations[lang];\r\n\r\n        \/\/ UST MENU\r\n        const menuLinks = document.querySelectorAll(\".cm-menu a\");\r\n\r\n        menuLinks.forEach(function(link, index) {\r\n            if (data.menu[index]) {\r\n                link.textContent = data.menu[index];\r\n            }\r\n        });\r\n\r\n        \/\/ CLASS MARINE KUCUK BASLIK\r\n        const kicker = document.querySelector(\".cm-kicker\");\r\n\r\n        if (kicker) {\r\n            kicker.textContent = data.kicker;\r\n        }\r\n\r\n        \/\/ ANA BUYUK BASLIK\r\n        const heroTitle = document.querySelector(\".cm-hero-title\");\r\n\r\n        if (heroTitle) {\r\n            heroTitle.innerHTML = data.title;\r\n        }\r\n\r\n        \/\/ AKTIF DIL GORUNUMU\r\n    \r\n        \/\/ SECIMI HATIRLA\r\n        localStorage.setItem(\"cm-language\", lang);\r\n        document.documentElement.lang = lang;\r\n    }\r\n\r\n    trButton.addEventListener(\"click\", function () {\r\n        changeLanguage(\"tr\");\r\n    });\r\n\r\n    enButton.addEventListener(\"click\", function () {\r\n        changeLanguage(\"en\");\r\n    });\r\n\r\n    const savedLanguage = localStorage.getItem(\"cm-language\") || \"tr\";\r\n\r\n    changeLanguage(savedLanguage);\r\n\r\n});\r\n<\/script>\r\n\r\n<!-- CLASS MARINE ILETISIM BOLUMU -->\r\n\r\n<style>\r\n.cm-contact {\r\n  background: #1e2531;\r\n  color: #ffffff;\r\n  padding: 65px 30px 25px;\r\n  font-family: 'Montserrat', sans-serif;\r\n}\r\n\r\n.cm-contact * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cm-contact-inner {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cm-contact-top {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 30px;\r\n  margin-bottom: 65px;\r\n}\r\n\r\n.cm-contact-top h2 {\r\n  font-family: 'Cormorant Garamond', serif;\r\n  font-size: clamp(34px, 4vw, 52px);\r\n  font-weight: 600;\r\n  line-height: 1.1;\r\n  color: #ffffff;\r\n  margin: 0 0 12px;\r\n}\r\n\r\n.cm-contact-top p {\r\n  color: #cbd1d9;\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  margin: 0;\r\n}\r\n\r\n.cm-contact-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: #f3c766;\r\n  color: #1e2531 !important;\r\n  padding: 17px 35px;\r\n  border-radius: 5px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.cm-contact-button:hover {\r\n  background: #ffffff;\r\n}\r\n\r\n.cm-contact-main {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 55px;\r\n  align-items: start;\r\n}\r\n\r\n.cm-contact-info {\r\n  display: grid;\r\n  gap: 36px;\r\n}\r\n\r\n.cm-contact-item {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 20px;\r\n}\r\n\r\n.cm-contact-icon {\r\n  width: 44px;\r\n  min-width: 44px;\r\n  height: 44px;\r\n  color: #f3c766;\r\n}\r\n\r\n.cm-contact-icon svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.5;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cm-contact-item h3 {\r\n  color: #f3c766;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  letter-spacing: 1.5px;\r\n  margin: 0 0 10px;\r\n}\r\n\r\n.cm-contact-item p,\r\n.cm-contact-item a {\r\n  color: #ffffff;\r\n  font-size: 14px;\r\n  line-height: 1.9;\r\n  text-decoration: none;\r\n  margin: 0;\r\n}\r\n\r\n.cm-contact-item a:hover {\r\n  color: #f3c766;\r\n}\r\n\r\n.cm-contact-map {\r\n  border: 1px solid rgba(243,199,102,0.35);\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  background: #303a48;\r\n}\r\n\r\n.cm-contact-map iframe {\r\n  display: block;\r\n  width: 100%;\r\n  height: 290px;\r\n  border: 0;\r\n}\r\n\r\n.cm-contact-map-bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 17px 20px;\r\n}\r\n\r\n.cm-contact-map-bottom span {\r\n  font-size: 12px;\r\n  color: #ffffff;\r\n}\r\n\r\n.cm-contact-map-bottom a {\r\n  color: #f3c766;\r\n  font-size: 12px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cm-contact-footer {\r\n  border-top: 1px solid rgba(255,255,255,0.15);\r\n  margin-top: 65px;\r\n  padding-top: 28px;\r\n  text-align: center;\r\n}\r\n\r\n.cm-contact-footer-nav {\r\n  display: flex;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n  gap: 25px;\r\n  margin-bottom: 22px;\r\n}\r\n\r\n.cm-contact-footer-nav a {\r\n  font-size: 12px;\r\n  color: #cbd1d9;\r\n  text-decoration: none;\r\n  transition: color 0.3s;\r\n}\r\n\r\n.cm-contact-footer-nav a:hover {\r\n  color: #f3c766;\r\n}\r\n\r\n.cm-contact-copyright {\r\n  color: #8993a1;\r\n  font-size: 11px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .cm-contact {\r\n    padding: 45px 22px 25px;\r\n  }\r\n\r\n  .cm-contact-top {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    margin-bottom: 45px;\r\n  }\r\n\r\n  .cm-contact-button {\r\n    width: 100%;\r\n  }\r\n\r\n  .cm-contact-main {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n\r\n  .cm-contact-map iframe {\r\n    height: 260px;\r\n  }\r\n\r\n  .cm-contact-map-bottom {\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .cm-contact-footer {\r\n    margin-top: 45px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cm-contact\" id=\"iletisim\">\r\n\r\n  <div class=\"cm-contact-inner\">\r\n\r\n    <div class=\"cm-contact-top\">\r\n      <div>\r\n        <h2>Projenizi Birlikte Planlayal\u0131m<\/h2>\r\n        <p>\r\n          Yat\u0131n\u0131za \u00f6zel d\u00f6\u015feme, minder, tente ve i\u00e7 mekan\r\n          \u00e7\u00f6z\u00fcmleri icin bizimle ileti\u015fime ge\u00e7in.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a class=\"cm-contact-button\"\r\n         href=\"#cm-contact-details\">\r\n        \u0130LET\u0130\u015e\u0130ME GECIN\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"cm-contact-main\" id=\"cm-contact-details\">\r\n\r\n      <div class=\"cm-contact-info\">\r\n\r\n        <div class=\"cm-contact-item\">\r\n          <div class=\"cm-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2\r\n                19.8 19.8 0 0 1-8.6-3.1\r\n                19.5 19.5 0 0 1-6-6\r\n                19.8 19.8 0 0 1-3.1-8.7\r\n                A2 2 0 0 1 4.1 2h3\r\n                a2 2 0 0 1 2 1.7\r\n                l.5 3a2 2 0 0 1-.6 1.7\r\n                L7.1 10a16 16 0 0 0 6 6\r\n                l1.6-1.9a2 2 0 0 1 1.7-.6\r\n                l3 .5a2 2 0 0 1 1.6 1.9z\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <h3>TELEFON VE WHATSAPP<\/h3>\r\n            <p>\r\n              <a href=\"tel:+905364735069\">\r\n                +90 536 473 50 69\r\n              <\/a>\r\n              <br>\r\n              <a href=\"https:\/\/wa.me\/905364735069\"\r\n                 target=\"_blank\" rel=\"noopener noreferrer\">\r\n                WhatsApp ile mesaj g\u00f6nder\r\n              <\/a>\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cm-contact-item\">\r\n          <div class=\"cm-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <rect x=\"2\" y=\"4\" width=\"20\"\r\n                    height=\"16\" rx=\"2\"\/>\r\n              <path d=\"m2 6 10 7 10-7\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <h3>E-POSTA<\/h3>\r\n            <p>\r\n              classmarineupholstery@gmail.com\r\n              <br>\r\n              <a href=\"https:\/\/mail.google.com\/mail\/?view=cm&amp;fs=1&amp;to=classmarineupholstery%40gmail.com\"\r\n                 target=\"_blank\" rel=\"noopener noreferrer\">\r\n                Gmail ile mesaj gonder\r\n              <\/a>\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cm-contact-item\">\r\n          <div class=\"cm-contact-icon\">\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <path d=\"M20 10c0 5-8 12-8 12S4 15 4 10\r\n                       a8 8 0 1 1 16 0z\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"2.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div>\r\n            <h3>ADRES\u0130M\u0130Z<\/h3>\r\n            <p>\r\n              Tepe, 33. Sk.<br>\r\n              48403 Marmaris \/ Mugla\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"cm-contact-map\">\r\n\r\n        <iframe\r\n          title=\"Class Marine konum haritasi\"\r\n          src=\"https:\/\/maps.google.com\/maps?q=Tepe%2033.%20Sokak%2048403%20Marmaris%20Mugla&amp;z=16&amp;output=embed\"\r\n          loading=\"lazy\"\r\n          referrerpolicy=\"no-referrer-when-downgrade\"\r\n          allowfullscreen>\r\n        <\/iframe>\r\n\r\n        <div class=\"cm-contact-map-bottom\">\r\n          <span>Class Marine - Marmaris<\/span>\r\n\r\n          <a href=\"https:\/\/www.google.com\/maps\/search\/?api=1&amp;query=Tepe%2033.%20Sokak%2048403%20Marmaris%20Mugla\"\r\n             target=\"_blank\" rel=\"noopener noreferrer\">\r\n            YOL TARIFI AL &#8599;\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"cm-contact-footer\">\r\n\r\n      <nav class=\"cm-contact-footer-nav\">\r\n        <a href=\"#anasayfa\">Ana Sayfa<\/a>\r\n        <a href=\"#hakkimizda\">Hakk\u0131m\u0131zda <\/a>\r\n        <a href=\"#hizmetler\">Hizmetlerimiz<\/a>\r\n        <a href=\"#markalar\">Markalar<\/a>\r\n        <a href=\"#iletisim\">\u0130leti\u015fim <\/a>\r\n      <\/nav>\r\n\r\n      <div class=\"cm-contact-copyright\">\r\n        &copy; Class Marine Yacht Interiors.\r\n        All Rights Reserved.\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\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>ANA SAYFA HAKKIMIZDA H\u0130ZMETLER\u0130M\u0130Z MARKALAR ILETISIM TR | EN CLASS MARINE Yat\u0131n\u0131z \u0130\u00e7in \u00d6zel Tasar\u0131m D\u00f6\u015feme \u00c7\u00f6z\u00fcmleri Konfor, estetik ve kaliteyi denizlerde bulu\u015fturuyoruz. INSTAGRAM WHATSAPP E-POSTA A\u015eA\u011eI KAYDIRIN HAKKIMIZDA 22 Y\u0131ll\u0131k Tecr\u00fcbe, Sonsuz Tutku. Class Marine Yat D\u00f6\u015feme olarak, 22 senelik tecr\u00fcbemizle yat d\u00f6\u015feme ve i\u00e7 mekan \u00e7\u00f6z\u00fcmlerinde fark yarat\u0131yoruz. Her yat\u0131n kendine has \u00f6l\u00e7\u00fcleri [&hellip;]<\/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-15","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Marmaris Yat D\u00f6\u015feme ve Tekne Minderi | Class Marine<\/title>\n<meta name=\"description\" content=\"Marmaris\u2019te 22 y\u0131ll\u0131k tecr\u00fcbeyle yat d\u00f6\u015feme, tekne minderi, tente ve bot k\u0131l\u0131f\u0131. \u00d6l\u00e7\u00fcye \u00f6zel \u00fcretim i\u00e7in Class Marine ile ileti\u015fime ge\u00e7in.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/classmarinyachtinteriors.com\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Marmaris Yat D\u00f6\u015feme ve Tekne Minderi | Class Marine\" \/>\n<meta property=\"og:description\" content=\"Class Marine, Marmaris\u2019te 22 y\u0131ll\u0131k tecr\u00fcbesiyle yat d\u00f6\u015feme, tekne minderi, tente ve bot k\u0131l\u0131f\u0131 hizmetleri sunar. \u00d6l\u00e7\u00fcye \u00f6zel \u00e7al\u0131\u015fmalar\u0131m\u0131z\u0131 ke\u015ffedin.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/classmarinyachtinteriors.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Class Marine Yacht Upholstery\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-08T20:27:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class_marine_whatsapp_paylasim_1200x630-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/\",\"url\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/\",\"name\":\"Marmaris Yat D\u00f6\u015feme ve Tekne Minderi | Class Marine\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/class-marine-logo-mobile.webp\",\"datePublished\":\"2026-08-19T09:38:42+00:00\",\"dateModified\":\"2026-10-08T20:27:54+00:00\",\"description\":\"Marmaris\u2019te 22 y\u0131ll\u0131k tecr\u00fcbeyle yat d\u00f6\u015feme, tekne minderi, tente ve bot k\u0131l\u0131f\u0131. \u00d6l\u00e7\u00fcye \u00f6zel \u00fcretim i\u00e7in Class Marine ile ileti\u015fime ge\u00e7in.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/classmarinyachtinteriors.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/class-marine-logo-mobile.webp\",\"contentUrl\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/class-marine-logo-mobile.webp\",\"width\":400,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #15\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#website\",\"url\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/\",\"name\":\"Class Marine Yacht Upholstery\",\"description\":\"Marmaris Yat D\u00f6\u015feme, minder, tente, kapatma\",\"publisher\":{\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#organization\",\"name\":\"Class Marine Yacht Upholstery\",\"url\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/class-marine-site-simgesi-512.png\",\"contentUrl\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/class-marine-site-simgesi-512.png\",\"width\":512,\"height\":512,\"caption\":\"Class Marine Yacht Upholstery\"},\"image\":{\"@id\":\"https:\\\/\\\/classmarinyachtinteriors.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/classmarineyatchupholstery\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Marmaris Yat D\u00f6\u015feme ve Tekne Minderi | Class Marine","description":"Marmaris\u2019te 22 y\u0131ll\u0131k tecr\u00fcbeyle yat d\u00f6\u015feme, tekne minderi, tente ve bot k\u0131l\u0131f\u0131. \u00d6l\u00e7\u00fcye \u00f6zel \u00fcretim i\u00e7in Class Marine ile ileti\u015fime ge\u00e7in.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/classmarinyachtinteriors.com\/","og_locale":"tr_TR","og_type":"article","og_title":"Marmaris Yat D\u00f6\u015feme ve Tekne Minderi | Class Marine","og_description":"Class Marine, Marmaris\u2019te 22 y\u0131ll\u0131k tecr\u00fcbesiyle yat d\u00f6\u015feme, tekne minderi, tente ve bot k\u0131l\u0131f\u0131 hizmetleri sunar. \u00d6l\u00e7\u00fcye \u00f6zel \u00e7al\u0131\u015fmalar\u0131m\u0131z\u0131 ke\u015ffedin.","og_url":"https:\/\/classmarinyachtinteriors.com\/","og_site_name":"Class Marine Yacht Upholstery","article_modified_time":"2026-10-08T20:27:54+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class_marine_whatsapp_paylasim_1200x630-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tahmini okuma s\u00fcresi":"11 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/classmarinyachtinteriors.com\/","url":"https:\/\/classmarinyachtinteriors.com\/","name":"Marmaris Yat D\u00f6\u015feme ve Tekne Minderi | Class Marine","isPartOf":{"@id":"https:\/\/classmarinyachtinteriors.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/classmarinyachtinteriors.com\/#primaryimage"},"image":{"@id":"https:\/\/classmarinyachtinteriors.com\/#primaryimage"},"thumbnailUrl":"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class-marine-logo-mobile.webp","datePublished":"2026-08-19T09:38:42+00:00","dateModified":"2026-10-08T20:27:54+00:00","description":"Marmaris\u2019te 22 y\u0131ll\u0131k tecr\u00fcbeyle yat d\u00f6\u015feme, tekne minderi, tente ve bot k\u0131l\u0131f\u0131. \u00d6l\u00e7\u00fcye \u00f6zel \u00fcretim i\u00e7in Class Marine ile ileti\u015fime ge\u00e7in.","breadcrumb":{"@id":"https:\/\/classmarinyachtinteriors.com\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/classmarinyachtinteriors.com\/"]}]},{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/classmarinyachtinteriors.com\/#primaryimage","url":"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class-marine-logo-mobile.webp","contentUrl":"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class-marine-logo-mobile.webp","width":400,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/classmarinyachtinteriors.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/classmarinyachtinteriors.com\/"},{"@type":"ListItem","position":2,"name":"Elementor #15"}]},{"@type":"WebSite","@id":"https:\/\/classmarinyachtinteriors.com\/#website","url":"https:\/\/classmarinyachtinteriors.com\/","name":"Class Marine Yacht Upholstery","description":"Marmaris Yat D\u00f6\u015feme, minder, tente, kapatma","publisher":{"@id":"https:\/\/classmarinyachtinteriors.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/classmarinyachtinteriors.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":"Organization","@id":"https:\/\/classmarinyachtinteriors.com\/#organization","name":"Class Marine Yacht Upholstery","url":"https:\/\/classmarinyachtinteriors.com\/","logo":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/classmarinyachtinteriors.com\/#\/schema\/logo\/image\/","url":"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class-marine-site-simgesi-512.png","contentUrl":"https:\/\/classmarinyachtinteriors.com\/wp-content\/uploads\/2026\/09\/class-marine-site-simgesi-512.png","width":512,"height":512,"caption":"Class Marine Yacht Upholstery"},"image":{"@id":"https:\/\/classmarinyachtinteriors.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/classmarineyatchupholstery\/"]}]}},"_links":{"self":[{"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/15","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=15"}],"version-history":[{"count":165,"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions"}],"predecessor-version":[{"id":304,"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=\/wp\/v2\/pages\/15\/revisions\/304"}],"wp:attachment":[{"href":"https:\/\/classmarinyachtinteriors.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=15"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}