{"id":1581,"date":"2025-07-07T15:53:07","date_gmt":"2025-07-07T12:53:07","guid":{"rendered":"https:\/\/tasdekoryapi.com\/?page_id=1581"},"modified":"2026-11-12T13:47:35","modified_gmt":"2026-11-12T10:47:35","slug":"porselen","status":"publish","type":"page","link":"https:\/\/tasdekoryapi.com\/en\/porselen\/","title":{"rendered":"Porcelain"},"content":{"rendered":"<div id=\"fws_6af7252ac4654\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row standard_section \"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-overlay=\"false\"><div class=\"inner-wrap\"><div class=\"row-bg\"  style=\"\"><\/div><\/div><div class=\"row-bg-overlay\" ><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding\"  data-t-w-inherits=\"default\" data-bg-cover=\"\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-hover-bg=\"\" data-hover-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" ><div class=\"column-bg-overlay-wrap\" data-bg-animation=\"none\"><div class=\"column-bg-overlay\"><\/div><\/div>\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\n\n\n\n\n\n\n\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');\n\n:root {\n    --navy: #0A1628;\n    --gold: #C8A45D;\n    --cream: #FAF6F2;\n    --taupe: #E3D8C8;\n    --charcoal: #2C2C2C;\n    --silver: #E8E8E8;\n}\n\nbody.page-porselen,\n.page-template-default.page-id-1581,\nbody.page-id-1581 {\n    font-family: 'Inter', sans-serif !important;\n    background: #fff !important;\n    overflow-x: hidden !important;\n}\n\nbody.page-id-1581 .site-content,\nbody.page-id-1581 .entry-content,\nbody.page-id-1581 #content,\nbody.page-id-1581 .content-area,\nbody.page-id-1581 #primary {\n    padding-top: 0 !important;\n    margin-top: 0 !important;\n}\n\nbody.page-id-1581 .entry-header,\nbody.page-id-1581 .page-header {\n    display: none !important;\n    height: 0 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n}\n\nbody.page-id-1581 .wpb_row:first-child,\nbody.page-id-1581 .vc_row:first-child {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\n.porselen-hero {\n    position: relative;\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin-left: calc(50% - 50vw) !important;\n    margin-right: calc(50% - 50vw) !important;\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n    height: 85vh;\n    min-height: 600px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n    background: var(--navy);\n}\n\n.porselen-hero::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background:\n        linear-gradient(135deg, rgba(10,22,40,0.85) 0%, rgba(10,22,40,0.65) 100%),\n        url('https:\/\/tasdekoryapi.com\/wp-content\/uploads\/IMG_0478-1-scaled.jpg');\n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed;\n    z-index: 0;\n}\n\n.porselen-hero::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at center, transparent 0%, rgba(0,0,0,0.4) 100%);\n    z-index: 1;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    max-width: 1000px;\n    padding: 0 30px;\n}\n\n.hero-content h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(48px, 7vw, 92px);\n    font-weight: 300;\n    color: #fff;\n    margin: 0 0 30px;\n    line-height: 1.1;\n    letter-spacing: -1px;\n}\n\n.hero-content h1 strong {\n    display: block;\n    font-weight: 600;\n    background: linear-gradient(135deg, var(--gold) 0%, #E5D0A0 50%, var(--gold) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    margin-top: 15px;\n}\n\n.hero-subtitle {\n    font-size: clamp(16px, 2vw, 22px);\n    color: rgba(255,255,255,0.85);\n    line-height: 1.7;\n    max-width: 750px;\n    margin: 0 auto;\n    font-weight: 300;\n}\n\n.porselen-intro {\n    max-width: 1100px;\n    margin: 100px auto;\n    padding: 0 30px;\n    text-align: center;\n}\n\n.intro-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(36px, 4vw, 56px);\n    font-weight: 400;\n    color: var(--navy);\n    margin-bottom: 35px;\n    line-height: 1.3;\n}\n\n.intro-text {\n    font-size: 19px;\n    line-height: 1.8;\n    color: #555;\n    max-width: 900px;\n    margin: 0 auto 25px;\n    font-weight: 300;\n}\n\n.intro-text strong {\n    color: var(--navy);\n    font-weight: 500;\n}\n\n.porselen-brands {\n    background: linear-gradient(to bottom, #fff 0%, var(--cream) 100%);\n    padding: 100px 0;\n    position: relative;\n}\n\n.porselen-brands::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n}\n\n.brands-header {\n    text-align: center;\n    max-width: 800px;\n    margin: 0 auto 80px;\n    padding: 0 30px;\n}\n\n.section-label {\n    font-size: 12px;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--gold);\n    font-weight: 600;\n    margin-bottom: 20px;\n    display: block;\n}\n\n.brands-header h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(38px, 4vw, 52px);\n    font-weight: 400;\n    color: var(--navy);\n    margin: 0;\n}\n\n.brands-grid {\n    max-width: 1300px;\n    margin: 0 auto;\n    padding: 0 30px;\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 40px;\n}\n\n.brand-card {\n    background: #fff;\n    border-radius: 16px;\n    padding: 45px 35px;\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0,0,0,0.06);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    border: 1px solid rgba(200,164,93,0.15);\n}\n\n.brand-card::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 3px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n    transform: scaleX(0);\n    transition: transform 0.4s ease;\n}\n\n.brand-card:hover::before {\n    transform: scaleX(1);\n}\n\n.brand-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 60px rgba(0,0,0,0.12);\n    border-color: var(--gold);\n}\n\n.brand-logo {\n    width: 100%;\n    height: 200px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 30px;\n    position: relative;\n}\n\n.brand-logo::after {\n    content: '';\n    position: absolute;\n    bottom: -15px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 60px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, var(--gold), transparent);\n}\n\n.brand-logo img {\n    max-width: 100%;\n    max-height: 100%;\n    object-fit: contain;\n    filter: brightness(0.98);\n    transition: transform 0.3s ease;\n}\n\n.brand-card:hover .brand-logo img {\n    transform: scale(1.05);\n}\n\n.brand-title {\n    margin: 35px 0 30px;\n}\n\n.brand-title h3 {\n    font-family: 'Playfair Display', serif;\n    font-size: 22px;\n    font-weight: 500;\n    color: var(--navy);\n    margin: 0;\n    line-height: 1.4;\n}\n\n\/* \u2500\u2500 APPLE TARZI PREMIUM KATALOG BUTONLARI \u2500\u2500 *\/\n.brand-card .btn {\n    min-width: 225px;\n    min-height: 54px;\n    padding: 7px 9px 7px 24px;\n    display: inline-flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 18px;\n    position: relative;\n    overflow: hidden;\n    isolation: isolate;\n    background: linear-gradient(180deg, #10243a 0%, #081728 100%);\n    color: #e6cd96 !important;\n    border: 1px solid rgba(200,164,93,0.42);\n    border-radius: 12px;\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: 1.7px;\n    text-transform: uppercase;\n    text-decoration: none !important;\n    box-shadow:\n        0 6px 18px rgba(5,17,31,0.14),\n        inset 0 1px 0 rgba(255,255,255,0.07);\n    -webkit-font-smoothing: antialiased;\n    transition:\n        transform 0.32s cubic-bezier(0.22,1,0.36,1),\n        border-color 0.32s ease,\n        background 0.32s ease,\n        box-shadow 0.32s ease,\n        color 0.32s ease;\n}\n\n.brand-card .btn::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    z-index: -1;\n    pointer-events: none;\n    background: linear-gradient(115deg, transparent 15%, rgba(255,255,255,0.09) 48%, transparent 80%);\n    transform: translateX(-100%);\n    opacity: 0;\n    transition: transform 0.65s cubic-bezier(0.22,1,0.36,1), opacity 0.3s ease;\n}\n\n.brand-card .btn::after {\n    content: '';\n    position: absolute;\n    inset: 1px;\n    z-index: 1;\n    pointer-events: none;\n    border: 1px solid rgba(255,255,255,0.035);\n    border-radius: 10px;\n    transition: border-color 0.32s ease;\n}\n\n.brand-card .btn .btn-text {\n    position: relative;\n    z-index: 3;\n    white-space: nowrap;\n    transition: transform 0.32s cubic-bezier(0.22,1,0.36,1);\n}\n\n.brand-card .btn .btn-arrow {\n    width: 38px;\n    height: 38px;\n    flex: 0 0 38px;\n    position: relative;\n    z-index: 3;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    color: #e6cd96;\n    background: rgba(200,164,93,0.08);\n    border: 1px solid rgba(200,164,93,0.38);\n    border-radius: 50%;\n    transition:\n        transform 0.32s cubic-bezier(0.22,1,0.36,1),\n        color 0.32s ease,\n        background-color 0.32s ease,\n        border-color 0.32s ease,\n        box-shadow 0.32s ease;\n}\n\n.brand-card .btn .btn-arrow svg {\n    width: 14px;\n    height: 14px;\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.6;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.brand-card.catalog-clickable {\n    cursor: pointer;\n}\n\n.brand-card.catalog-clickable .brand-logo,\n.brand-card.catalog-clickable img,\n.brand-card.catalog-clickable .brand-title {\n    cursor: pointer;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .brand-card .btn:hover,\n    .brand-card.catalog-clickable:hover .btn {\n        color: #f2dba9 !important;\n        background: linear-gradient(180deg, #152c46 0%, #0b1d31 100%);\n        border-color: rgba(218,183,111,0.72);\n        transform: translateY(-2px);\n        box-shadow:\n            0 14px 30px rgba(5,17,31,0.22),\n            0 4px 12px rgba(200,164,93,0.10),\n            inset 0 1px 0 rgba(255,255,255,0.10);\n    }\n\n    .brand-card .btn:hover::before,\n    .brand-card.catalog-clickable:hover .btn::before {\n        transform: translateX(100%);\n        opacity: 1;\n    }\n\n    .brand-card .btn:hover::after,\n    .brand-card.catalog-clickable:hover .btn::after {\n        border-color: rgba(255,255,255,0.065);\n    }\n\n    .brand-card .btn:hover .btn-arrow,\n    .brand-card.catalog-clickable:hover .btn .btn-arrow {\n        color: #081728;\n        background: #d5b46e;\n        border-color: #d5b46e;\n        transform: translateX(2px);\n        box-shadow:\n            0 5px 14px rgba(200,164,93,0.24),\n            inset 0 1px 0 rgba(255,255,255,0.35);\n    }\n}\n\n.brand-card .btn:active {\n    transform: translateY(0) scale(0.985);\n}\n\n.brand-card .btn:focus-visible,\n.brand-card.catalog-clickable:focus-visible {\n    outline: 2px solid #d5b46e;\n    outline-offset: 4px;\n}\n\n\/* \u2500\u2500 ULTRA PREMIUM \u00d6ZELL\u0130KLER B\u00d6L\u00dcM\u00dc \u2500\u2500 *\/\n.porselen-features {\n    width: 100vw !important;\n    max-width: 100vw !important;\n    margin: 0 calc(50% - 50vw) !important;\n    padding: clamp(90px,9vw,140px) 30px !important;\n    position: relative;\n    overflow: hidden;\n    color: #fff;\n    background:\n        radial-gradient(circle at 12% 10%, rgba(200,164,93,0.11) 0, transparent 32%),\n        radial-gradient(circle at 88% 90%, rgba(62,103,145,0.12) 0, transparent 35%),\n        linear-gradient(145deg, #101d2e 0%, #091525 52%, #071321 100%);\n}\n\n.porselen-features::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    background-image:\n        linear-gradient(rgba(255,255,255,0.018) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,0.018) 1px, transparent 1px);\n    background-size: 72px 72px;\n    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent 88%);\n    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent 88%);\n    opacity: 0.7;\n}\n\n.porselen-features::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 50%;\n    width: min(86%,1320px);\n    height: 1px;\n    transform: translateX(-50%);\n    background: linear-gradient(90deg, transparent, rgba(200,164,93,0.75), transparent);\n}\n\n.features-shell {\n    width: 100%;\n    max-width: 1320px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n}\n\n.features-heading {\n    max-width: 790px;\n    margin: 0 auto clamp(55px,6vw,82px);\n    text-align: center;\n}\n\n.features-label {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 22px;\n    color: #d8b972;\n    font-size: 11px;\n    font-weight: 600;\n    line-height: 1;\n    letter-spacing: 3.2px;\n}\n\n.features-label::before,\n.features-label::after {\n    content: '';\n    width: 34px;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, rgba(216,185,114,0.7));\n}\n\n.features-label::after {\n    transform: rotate(180deg);\n}\n\n.features-heading h2 {\n    margin: 0 0 24px;\n    color: #fff;\n    font-family: 'Playfair Display', Georgia, serif;\n    font-size: clamp(38px,5vw,64px);\n    font-weight: 400;\n    line-height: 1.08;\n    letter-spacing: -1.5px;\n}\n\n.features-heading h2 em {\n    color: #d5b46e;\n    font-weight: 400;\n    font-style: normal;\n}\n\n.features-heading > p {\n    max-width: 650px;\n    margin: 0 auto;\n    color: rgba(232,237,243,0.68);\n    font-size: 16px;\n    font-weight: 300;\n    line-height: 1.8;\n}\n\n.features-grid {\n    width: 100%;\n    margin: 0;\n    display: grid;\n    grid-template-columns: repeat(3,minmax(0,1fr));\n    gap: 1px;\n    position: relative;\n    overflow: hidden;\n    background: rgba(200,164,93,0.19);\n    border: 1px solid rgba(200,164,93,0.20);\n    border-radius: 26px;\n    box-shadow:\n        0 35px 90px rgba(0,0,0,0.24),\n        inset 0 1px 0 rgba(255,255,255,0.045);\n}\n\n.feature-item {\n    min-width: 0;\n    padding: 48px 46px 52px;\n    position: relative;\n    overflow: hidden;\n    text-align: left;\n    background:\n        linear-gradient(145deg, rgba(255,255,255,0.042), rgba(255,255,255,0.012)),\n        rgba(8,21,36,0.88);\n    transition: background 0.4s ease, box-shadow 0.4s ease;\n}\n\n.feature-item::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 46px;\n    right: 46px;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, #d5b46e, transparent);\n    transform: scaleX(0);\n    opacity: 0;\n    transition: transform 0.5s cubic-bezier(0.22,1,0.36,1), opacity 0.35s ease;\n}\n\n.feature-item::after {\n    content: '';\n    position: absolute;\n    width: 210px;\n    height: 210px;\n    top: -115px;\n    right: -115px;\n    border-radius: 50%;\n    pointer-events: none;\n    background: rgba(200,164,93,0.10);\n    filter: blur(45px);\n    opacity: 0;\n    transition: opacity 0.45s ease;\n}\n\n.feature-top {\n    margin-bottom: 37px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n\/* Ta\u015fdekor i\u00e7in \u00f6zel \u00e7izilmi\u015f metalik ikon kutular\u0131 *\/\n.feature-icon {\n    width: 76px;\n    height: 76px;\n    flex: 0 0 76px;\n    margin: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    color: #d8b76d;\n    border: 1px solid transparent;\n    border-radius: 23px;\n    background:\n        radial-gradient(circle at 27% 18%, rgba(255,238,192,0.12), transparent 38%) padding-box,\n        linear-gradient(145deg, #1c2a39 0%, #111d2b 58%, #0b1623 100%) padding-box,\n        linear-gradient(145deg, rgba(246,222,161,0.72), rgba(200,164,93,0.23) 45%, rgba(200,164,93,0.55)) border-box;\n    box-shadow:\n        0 18px 34px rgba(0,0,0,0.22),\n        0 5px 13px rgba(0,0,0,0.14),\n        inset 0 1px 0 rgba(255,255,255,0.11),\n        inset 0 -1px 0 rgba(0,0,0,0.30);\n    transition: transform 0.45s cubic-bezier(0.22,1,0.36,1), box-shadow 0.4s ease, background 0.4s ease;\n}\n\n.feature-icon::before {\n    content: '';\n    position: absolute;\n    inset: 5px;\n    z-index: 0;\n    pointer-events: none;\n    border: 1px solid rgba(223,192,121,0.10);\n    border-radius: 17px;\n    box-shadow: inset 0 1px 0 rgba(255,255,255,0.045);\n}\n\n.feature-icon::after {\n    content: '';\n    position: absolute;\n    top: 11px;\n    left: 12px;\n    width: 25px;\n    height: 1px;\n    z-index: 0;\n    pointer-events: none;\n    background: linear-gradient(90deg, transparent, rgba(255,229,169,0.56), transparent);\n    transform: rotate(-36deg);\n    opacity: 0.75;\n}\n\n.feature-icon svg {\n    width: 39px;\n    height: 39px;\n    position: relative;\n    z-index: 2;\n    overflow: visible;\n    fill: none;\n    filter: drop-shadow(0 3px 5px rgba(0,0,0,0.25));\n    transition: transform 0.45s cubic-bezier(0.22,1,0.36,1), filter 0.4s ease;\n}\n\n.feature-icon svg .icon-primary {\n    fill: rgba(216,183,109,0.025);\n    stroke: #e3c578;\n    stroke-width: 1.65;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.feature-icon svg .icon-secondary {\n    fill: none;\n    stroke: rgba(227,197,120,0.72);\n    stroke-width: 1.15;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.feature-icon svg .icon-accent {\n    fill: none;\n    stroke: rgba(248,225,170,0.42);\n    stroke-width: 0.85;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n.feature-icon svg .icon-point {\n    fill: #edcf83;\n    stroke: rgba(255,235,188,0.65);\n    stroke-width: 0.7;\n}\n\n.feature-icon--cutting svg {\n    width: 41px;\n    height: 41px;\n}\n\n.feature-icon--quality svg {\n    width: 38px;\n    height: 38px;\n}\n\n.feature-number {\n    color: rgba(216,185,114,0.42);\n    font-size: 11px;\n    font-weight: 500;\n    line-height: 1;\n    letter-spacing: 2.5px;\n}\n\n.feature-title {\n    margin: 0 0 17px;\n    color: #f3e3bc;\n    font-family: 'Playfair Display', Georgia, serif;\n    font-size: clamp(24px,2vw,29px);\n    font-weight: 500;\n    line-height: 1.25;\n    letter-spacing: -0.35px;\n    transition: color 0.35s ease;\n}\n\n.feature-desc {\n    max-width: 310px;\n    margin: 0;\n    color: rgba(231,236,242,0.67);\n    font-size: 15px;\n    font-weight: 300;\n    line-height: 1.8;\n    transition: color 0.35s ease;\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .feature-item:hover {\n        background:\n            linear-gradient(145deg, rgba(255,255,255,0.065), rgba(200,164,93,0.025)),\n            rgba(10,26,44,0.96);\n        box-shadow: inset 0 1px 0 rgba(255,255,255,0.055);\n    }\n\n    .feature-item:hover::before {\n        transform: scaleX(1);\n        opacity: 1;\n    }\n\n    .feature-item:hover::after {\n        opacity: 1;\n    }\n\n    .feature-item:hover .feature-icon {\n        transform: translateY(-5px);\n        background:\n            radial-gradient(circle at 28% 18%, rgba(255,239,197,0.18), transparent 40%) padding-box,\n            linear-gradient(145deg, #243548 0%, #162638 56%, #0c1927 100%) padding-box,\n            linear-gradient(145deg, #f0d28a, #b98f42 48%, #e0bf72) border-box;\n        box-shadow:\n            0 22px 45px rgba(0,0,0,0.28),\n            0 8px 24px rgba(200,164,93,0.13),\n            inset 0 1px 0 rgba(255,255,255,0.15);\n    }\n\n    .feature-item:hover .feature-icon svg {\n        transform: scale(1.055);\n        filter:\n            drop-shadow(0 4px 7px rgba(0,0,0,0.30))\n            drop-shadow(0 0 7px rgba(220,184,102,0.13));\n    }\n\n    .feature-item:hover .feature-title {\n        color: #fff;\n    }\n\n    .feature-item:hover .feature-desc {\n        color: rgba(241,244,248,0.84);\n    }\n}\n\n.porselen-features + * {\n    margin-top: 0 !important;\n    padding-top: 0 !important;\n}\n\nbody.page-id-1581 .site-footer,\nbody.page-id-1581 footer {\n    margin-top: 0 !important;\n}\n\n@media (max-width: 768px) {\n    .porselen-hero {\n        height: 70vh;\n        min-height: 500px;\n    }\n\n    .porselen-hero::before {\n        background-attachment: scroll;\n    }\n\n    .porselen-intro,\n    .porselen-brands {\n        padding: 60px 20px;\n    }\n\n    .brands-grid {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n\n    .porselen-features {\n        padding: 85px 22px !important;\n    }\n\n    .features-grid {\n        grid-template-columns: 1fr;\n        max-width: 620px;\n        margin: 0 auto;\n        border-radius: 22px;\n    }\n\n    .feature-item {\n        padding: 38px 36px 42px;\n    }\n\n    .feature-desc {\n        max-width: 480px;\n    }\n}\n\n@media (max-width: 480px) {\n    .brand-card {\n        padding: 35px 25px;\n    }\n\n    .brand-logo {\n        height: 150px;\n    }\n\n    .brand-card .btn {\n        width: 100%;\n        min-width: 0;\n        min-height: 52px;\n        padding: 7px 8px 7px 21px;\n        border-radius: 11px;\n    }\n\n    .brand-card .btn .btn-arrow {\n        width: 36px;\n        height: 36px;\n        flex-basis: 36px;\n    }\n\n    .porselen-features {\n        padding: 70px 16px !important;\n    }\n\n    .features-heading {\n        margin-bottom: 42px;\n    }\n\n    .features-heading h2 {\n        font-size: 37px;\n        letter-spacing: -0.8px;\n    }\n\n    .features-heading > p {\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    .features-label {\n        font-size: 9px;\n        letter-spacing: 2.5px;\n    }\n\n    .features-label::before,\n    .features-label::after {\n        width: 22px;\n    }\n\n    .features-grid {\n        border-radius: 19px;\n    }\n\n    .feature-item {\n        padding: 32px 27px 36px;\n    }\n\n    .feature-item::before {\n        left: 27px;\n        right: 27px;\n    }\n\n    .feature-top {\n        margin-bottom: 28px;\n    }\n\n    .feature-icon {\n        width: 66px;\n        height: 66px;\n        flex-basis: 66px;\n        border-radius: 20px;\n    }\n\n    .feature-icon::before {\n        border-radius: 15px;\n    }\n\n    .feature-icon svg {\n        width: 35px;\n        height: 35px;\n    }\n\n    .feature-icon--cutting svg {\n        width: 37px;\n        height: 37px;\n    }\n\n    .feature-title {\n        font-size: 25px;\n        margin-bottom: 13px;\n    }\n\n    .feature-desc {\n        font-size: 14px;\n        line-height: 1.7;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .brand-card,\n    .brand-card .btn,\n    .brand-card .btn::before,\n    .brand-card .btn .btn-arrow,\n    .feature-item,\n    .feature-item::before,\n    .feature-item::after,\n    .feature-icon,\n    .feature-icon svg,\n    .feature-title,\n    .feature-desc {\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<div class=\"page-porselen\">\n\n    <!-- HERO SECTION -->\n    <section class=\"porselen-hero\">\n        <div class=\"hero-content\">\n            <h1>\n                Porselen\n                <strong>Kusursuz Y\u00fczeyler<\/strong>\n            <\/h1>\n            <p class=\"hero-subtitle\">\n                Y\u00fcksek dayan\u0131kl\u0131l\u0131k, modern \u00e7izgiler ve kusursuz i\u015f\u00e7ilik ile porseleni\n                mimari projelerinizde en premium formuyla sunuyoruz.\n            <\/p>\n        <\/div>\n    <\/section>\n\n    <!-- INTRO SECTION -->\n    <section class=\"porselen-intro\">\n        <h2 class=\"intro-title\">Neden Porselen?<\/h2>\n\n        <p class=\"intro-text\">\n            Mimari projelerin vazge\u00e7ilmez malzemesi haline gelen <strong>porselen<\/strong>;\n            esteti\u011fi, dayan\u0131kl\u0131l\u0131\u011f\u0131 ve modern g\u00f6r\u00fcn\u00fcm\u00fc bir araya getirerek\n            ya\u015fam alanlar\u0131nda \u00fcst d\u00fczey bir kalite sunar.\n        <\/p>\n\n        <p class=\"intro-text\">\n            <strong>Ta\u015fdekor Yap\u0131<\/strong> olarak NG K\u00fctahya Seramik, Level Porselen, T-One, Bien BiQslab Maxton,\n            Neolith ve Fiandre gibi sekt\u00f6r\u00fcn en prestijli markalar\u0131 ile\n            \u00e7al\u0131\u015f\u0131yor; her projeye \u00f6zel <strong>hassas kesim ve titiz uygulama<\/strong> hizmeti veriyoruz.\n        <\/p>\n\n        <p class=\"intro-text\">\n            Mutfak tezgah\u0131, evye, zemin kaplamas\u0131, duvar panelleri ve mimari dekorasyon\n            \u00e7\u00f6z\u00fcmlerinde porselenin sundu\u011fu y\u00fcksek dayan\u0131m, \u0131s\u0131, darbe ve kimyasal\n            direnci <strong>uzun \u00f6m\u00fcrl\u00fc ve fonksiyonel kullan\u0131m<\/strong> sa\u011flar.\n        <\/p>\n    <\/section>\n\n    <!-- BRANDS SECTION -->\n    <section class=\"porselen-brands\">\n        <div class=\"brands-header\">\n            <div class=\"section-label\">D\u00dcNYA STANDARTLARINDA<\/div>\n            <h2>\u00c7al\u0131\u015ft\u0131\u011f\u0131m\u0131z Markalar<\/h2>\n        <\/div>\n\n        <div class=\"brands-grid\">\n\n            <!-- NG K\u00fctahya -->\n            <div class=\"brand-card\">\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/NG-KUTAHYA.png\" alt=\"NG K\u00fctahya\">\n                <\/div>\n                <div class=\"brand-title\">\n                    <h3>NG K\u00fctahya Seramik<\/h3>\n                <\/div>\n                <a class=\"btn\" href=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/NG-kutahya-katalog.pdf\" target=\"_blank\">\n                    <span class=\"btn-text\">Katalo\u011fu \u0130ncele<\/span>\n                    <span class=\"btn-arrow\">\n                        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Level -->\n            <div class=\"brand-card\">\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/LEVEL-HANSTONE.png\" alt=\"Level Porselen\">\n                <\/div>\n                <div class=\"brand-title\">\n                    <h3>Level Porselen<\/h3>\n                <\/div>\n                <a class=\"btn\" href=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/HanLevel-2025.pdf\" target=\"_blank\">\n                    <span class=\"btn-text\">Katalo\u011fu \u0130ncele<\/span>\n                    <span class=\"btn-arrow\">\n                        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n            <!-- T-One -->\n            <div class=\"brand-card\">\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/t-one-logo.jpg\" alt=\"T-One\">\n                <\/div>\n                <div class=\"brand-title\">\n                    <h3>T-One Porselen<\/h3>\n                <\/div>\n                <a class=\"btn\" href=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/T-One_Porselen-Tezgah-Katalogu.pdf\" target=\"_blank\">\n                    <span class=\"btn-text\">Katalo\u011fu \u0130ncele<\/span>\n                    <span class=\"btn-arrow\">\n                        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Dekton Cosentino -->\n            <div class=\"brand-card\">\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/34c816_b1131d61a5b546b381825fba7fc0c7eemv2.gif\" alt=\"Dekton Cosentino\">\n                <\/div>\n                <div class=\"brand-title\">\n                    <h3>Dekton Cosentino<\/h3>\n                <\/div>\n                <a class=\"btn\" href=\"https:\/\/issuu.com\/cosentino\/docs\/cosentino_c30\" target=\"_blank\">\n                    <span class=\"btn-text\">Katalo\u011fu \u0130ncele<\/span>\n                    <span class=\"btn-arrow\">\n                        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Bien BiQslab -->\n            <div class=\"brand-card\">\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/biqslab.png\" alt=\"Bien BiQslab\">\n                <\/div>\n                <div class=\"brand-title\">\n                    <h3>Bien BiQslab Maxton<\/h3>\n                <\/div>\n                <a class=\"btn\" href=\"https:\/\/www.biqslab.com.tr\/uploads\/biqslab-maxton-genel-katalog.pdf\" target=\"_blank\">\n                    <span class=\"btn-text\">Katalo\u011fu \u0130ncele<\/span>\n                    <span class=\"btn-arrow\">\n                        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Neolith -->\n            <div class=\"brand-card\">\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/mark4.min_.png\" alt=\"Neolith\">\n                <\/div>\n                <div class=\"brand-title\">\n                    <h3>Neolith Porselen<\/h3>\n                <\/div>\n                <a class=\"btn\" href=\"https:\/\/a.storyblok.com\/f\/150360\/x\/184e9e198a\/neolith_catalog_skin_tr-pl.pdf\" target=\"_blank\">\n                    <span class=\"btn-text\">Katalo\u011fu \u0130ncele<\/span>\n                    <span class=\"btn-arrow\">\n                        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n            <!-- Fiandre -->\n            <div class=\"brand-card\">\n                <div class=\"brand-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/fiandre.jpg\" alt=\"Fiandre\">\n                <\/div>\n                <div class=\"brand-title\">\n                    <h3>Fiandre Maximum<\/h3>\n                <\/div>\n                <a class=\"btn\" href=\"https:\/\/tasdekoryapi.com\/wp-content\/uploads\/1general_fiandre_maximum.pdf\" target=\"_blank\">\n                    <span class=\"btn-text\">Katalo\u011fu \u0130ncele<\/span>\n                    <span class=\"btn-arrow\">\n                        <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12 5 19 12 12 19\"\/><\/svg>\n                    <\/span>\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- FEATURES SECTION -->\n<section class=\"porselen-features\" aria-labelledby=\"features-title\">\n\n    <div class=\"features-shell\">\n\n        <div class=\"features-heading\">\n            <span class=\"features-label\">TA\u015eDEKOR STANDARDI<\/span>\n\n            <h2 id=\"features-title\">\n                G\u00fc\u00e7l\u00fc malzeme.<br>\n                <em>Kusursuz i\u015f\u00e7ilik.<\/em>\n            <\/h2>\n\n            <p>\n                Se\u00e7kin porselen y\u00fczeyleri ileri kesim teknolojisi ve titiz\n                uygulama anlay\u0131\u015f\u0131m\u0131zla projeye \u00f6zel olarak \u015fekillendiriyoruz.\n            <\/p>\n        <\/div>\n\n        <div class=\"features-grid\">\n\n            <article class=\"feature-item\">\n                <div class=\"feature-top\">\n                    <div class=\"feature-icon feature-icon--durability\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 48 48\">\n                            <path class=\"icon-primary\"\n                                  d=\"M24 5.5 38 11.8v11.5c0 9-5.6 15.4-14 19.2-8.4-3.8-14-10.2-14-19.2V11.8L24 5.5Z\"\/>\n                            <path class=\"icon-secondary\"\n                                  d=\"M24 11.2 33 15.3v7.8c0 6.1-3.5 10.7-9 13.6-5.5-2.9-9-7.5-9-13.6v-7.8l9-4.1Z\"\/>\n                            <path class=\"icon-accent\"\n                                  d=\"M24 11.2v25.5M15 23.1h18\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-number\">01<\/span>\n                <\/div>\n\n                <h3 class=\"feature-title\">\u00dcst\u00fcn Dayan\u0131kl\u0131l\u0131k<\/h3>\n\n                <p class=\"feature-desc\">\n                    Is\u0131, darbe ve kimyasal etkilere kar\u015f\u0131 y\u00fcksek diren\u00e7\n                    sa\u011flayan uzun \u00f6m\u00fcrl\u00fc y\u00fczeyler.\n                <\/p>\n            <\/article>\n\n            <article class=\"feature-item\">\n                <div class=\"feature-top\">\n                    <div class=\"feature-icon feature-icon--cutting\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 48 48\">\n                            <path class=\"icon-primary\"\n                                  d=\"M11 28.5h26v10H11z\"\/>\n                            <path class=\"icon-secondary\"\n                                  d=\"M15 32.5h18M24 5.5v8M19.5 13.5h9l-2.1 7h-4.8l-2.1-7Z\"\/>\n                            <path class=\"icon-accent\"\n                                  d=\"M24 20.5v8M20 28.5h8M24 25.5v6\"\/>\n                            <circle class=\"icon-point\" cx=\"24\" cy=\"28.5\" r=\"1.6\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-number\">02<\/span>\n                <\/div>\n\n                <h3 class=\"feature-title\">Hassas Kesim<\/h3>\n\n                <p class=\"feature-desc\">\n                    CNC ve Waterjet teknolojisiyle en karma\u015f\u0131k detaylarda\n                    dahi milimetrik do\u011fruluk.\n                <\/p>\n            <\/article>\n\n            <article class=\"feature-item\">\n                <div class=\"feature-top\">\n                    <div class=\"feature-icon feature-icon--quality\" aria-hidden=\"true\">\n                        <svg viewBox=\"0 0 48 48\">\n                            <path class=\"icon-primary\"\n                                  d=\"M24 5.8 39 17.5 24 42.2 9 17.5 24 5.8Z\"\/>\n                            <path class=\"icon-secondary\"\n                                  d=\"m9 17.5 9-1.6 6-10.1 6 10.1 9 1.6M9 17.5h30M18 15.9 24 42.2 30 15.9\"\/>\n                            <path class=\"icon-accent\"\n                                  d=\"M38.5 5.5v5M36 8h5\"\/>\n                        <\/svg>\n                    <\/div>\n                    <span class=\"feature-number\">03<\/span>\n                <\/div>\n\n                <h3 class=\"feature-title\">Premium Kalite<\/h3>\n\n                <p class=\"feature-desc\">\n                    D\u00fcnya standartlar\u0131nda se\u00e7kin markalar, g\u00fcvenilir\n                    malzemeler ve tavizsiz uygulama kalitesi.\n                <\/p>\n            <\/article>\n\n        <\/div>\n    <\/div>\n\n<\/section>\n\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n    document.querySelectorAll('.brand-card').forEach(function (card) {\n        const catalogButton = card.querySelector('.btn');\n\n        if (!catalogButton) return;\n\n        card.classList.add('catalog-clickable');\n        card.setAttribute('role', 'link');\n        card.setAttribute('tabindex', '0');\n\n        const brandName = card.querySelector('.brand-title h3');\n        card.setAttribute(\n            'aria-label',\n            (brandName ? brandName.textContent.trim() + ' ' : '') + 'katalo\u011funu incele'\n        );\n\n        card.addEventListener('click', function (event) {\n            if (event.target.closest('.btn')) return;\n\n            const target = catalogButton.getAttribute('target');\n            const url = catalogButton.getAttribute('href');\n\n            if (target === '_blank') {\n                window.open(url, '_blank', 'noopener,noreferrer');\n            } else {\n                window.location.href = url;\n            }\n        });\n\n        card.addEventListener('keydown', function (event) {\n            if (event.key === 'Enter' || event.key === ' ') {\n                event.preventDefault();\n                catalogButton.click();\n            }\n        });\n    });\n});\n<\/script>\n\n<!-- English introduction: consistent copy, spacing and emphasis. -->\n<script>\n(function () {\n    'use strict';\n\n    const isEnglish = \/^en(?:[-_]|$)\/i.test(document.documentElement.lang || '') ||\n        \/^\\\/en(?:\\\/|$)\/i.test(window.location.pathname);\n    if (!isEnglish) return;\n\n    function start() {\n        const intro = document.querySelector('.porselen-intro');\n        if (!intro || intro.dataset.tdEnglishParagraphs === 'ready') return;\n        intro.dataset.tdEnglishParagraphs = 'ready';\n\n        \/\/ English copy and emphasis are kept together so translating separate\n        \/\/ text fragments cannot strip the spaces next to strong elements.\n        \/\/ Original paragraph classes and every existing CSS rule are retained.\n        const paragraphs = [\n            '<strong>Porcelain<\/strong> combines contemporary design with practical durability, offering a versatile surface for architectural interiors.',\n            '<strong>Ta\u015f Dekor Yap\u0131<\/strong> works with surface collections from NG K\u00fctahya Seramik, Level, T-One, BIQSLAB Maxton, Neolith and Fiandre. We provide <strong>precision fabrication and meticulous installation<\/strong> tailored to each project.',\n            'From kitchen worktops and sinks to flooring and wall panels, porcelain offers <strong>lasting performance<\/strong> when specified for its intended use. Heat, impact and chemical resistance depend on the selected product.'\n        ];\n\n        function applyParagraphs() {\n            intro.querySelectorAll('.intro-text').forEach(function (paragraph, index) {\n                if (!paragraphs[index]) return;\n                \/\/ Limit the exclusion to these three English paragraphs.\n                \/\/ The Turkish page and all other translations remain unchanged.\n                paragraph.setAttribute('data-no-translation', '');\n                paragraph.setAttribute('data-no-dynamic-translation', '');\n                if (paragraph.innerHTML !== paragraphs[index]) {\n                    paragraph.innerHTML = paragraphs[index];\n                }\n            });\n        }\n\n        applyParagraphs();\n        if (typeof MutationObserver !== 'undefined') {\n            const observer = new MutationObserver(applyParagraphs);\n            observer.observe(intro, { childList: true, subtree: true, characterData: true });\n        }\n    }\n\n    if (document.querySelector('.porselen-intro')) {\n        start();\n    } else if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', start, { once: true });\n    }\n})();\n\n<\/script>\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_6af7252ac5c35\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row standard_section \"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-overlay=\"false\"><div class=\"inner-wrap\"><div class=\"row-bg\"  style=\"\"><\/div><\/div><div class=\"row-bg-overlay\" ><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding\"  data-t-w-inherits=\"default\" data-bg-cover=\"\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-hover-bg=\"\" data-hover-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" ><div class=\"column-bg-overlay-wrap\" data-bg-animation=\"none\"><div class=\"column-bg-overlay\"><\/div><\/div>\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_content_element wpb_raw_html\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<style class=\"wpcode-css-snippet\">\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   APPLE TARZI PREMIUM KATALOG BUTONLARI\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.brand-card .btn {\r\n    min-width: 225px;\r\n    min-height: 54px;\r\n    padding: 7px 9px 7px 24px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 18px;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n\r\n    background: linear-gradient(\r\n        180deg,\r\n        #10243a 0%,\r\n        #081728 100%\r\n    );\r\n\r\n    color: #e6cd96 !important;\r\n\r\n    border: 1px solid rgba(200, 164, 93, 0.42);\r\n    border-radius: 12px;\r\n\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 1.7px;\r\n    text-transform: uppercase;\r\n    text-decoration: none !important;\r\n\r\n    box-shadow:\r\n        0 6px 18px rgba(5, 17, 31, 0.14),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.07);\r\n\r\n    -webkit-font-smoothing: antialiased;\r\n\r\n    transition:\r\n        transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),\r\n        border-color 0.32s ease,\r\n        background 0.32s ease,\r\n        box-shadow 0.32s ease,\r\n        color 0.32s ease;\r\n}\r\n\r\n\/* Hover s\u0131ras\u0131nda olu\u015fan \u00e7ok hafif \u0131\u015f\u0131k *\/\r\n.brand-card .btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: -1;\r\n    pointer-events: none;\r\n\r\n    background: linear-gradient(\r\n        115deg,\r\n        transparent 15%,\r\n        rgba(255, 255, 255, 0.09) 48%,\r\n        transparent 80%\r\n    );\r\n\r\n    transform: translateX(-100%);\r\n    opacity: 0;\r\n\r\n    transition:\r\n        transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),\r\n        opacity 0.3s ease;\r\n}\r\n\r\n\/* \u0130nce i\u00e7 \u00e7er\u00e7eve *\/\r\n.brand-card .btn::after {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 1px;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.035);\r\n    border-radius: 10px;\r\n\r\n    transition: border-color 0.32s ease;\r\n}\r\n\r\n\/* Buton yaz\u0131s\u0131 *\/\r\n.brand-card .btn .btn-text {\r\n    position: relative;\r\n    z-index: 3;\r\n    white-space: nowrap;\r\n\r\n    transition: transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\/* Ok alan\u0131 *\/\r\n.brand-card .btn .btn-arrow {\r\n    width: 38px;\r\n    height: 38px;\r\n    flex: 0 0 38px;\r\n\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #e6cd96;\r\n\r\n    background: rgba(200, 164, 93, 0.08);\r\n    border: 1px solid rgba(200, 164, 93, 0.38);\r\n    border-radius: 50%;\r\n\r\n    transition:\r\n        transform 0.32s cubic-bezier(0.22, 1, 0.36, 1),\r\n        color 0.32s ease,\r\n        background-color 0.32s ease,\r\n        border-color 0.32s ease,\r\n        box-shadow 0.32s ease;\r\n}\r\n\r\n.brand-card .btn .btn-arrow svg {\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.6;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* Hover yaln\u0131zca mouse kullan\u0131lan cihazlarda \u00e7al\u0131\u015f\u0131r *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n    .brand-card .btn:hover {\r\n        color: #f2dba9 !important;\r\n\r\n        background: linear-gradient(\r\n            180deg,\r\n            #152c46 0%,\r\n            #0b1d31 100%\r\n        );\r\n\r\n        border-color: rgba(218, 183, 111, 0.72);\r\n\r\n        transform: translateY(-2px);\r\n\r\n        box-shadow:\r\n            0 14px 30px rgba(5, 17, 31, 0.22),\r\n            0 4px 12px rgba(200, 164, 93, 0.10),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.10);\r\n    }\r\n\r\n    .brand-card .btn:hover::before {\r\n        transform: translateX(100%);\r\n        opacity: 1;\r\n    }\r\n\r\n    .brand-card .btn:hover::after {\r\n        border-color: rgba(255, 255, 255, 0.065);\r\n    }\r\n\r\n    .brand-card .btn:hover .btn-text {\r\n        transform: translateX(1px);\r\n    }\r\n\r\n    .brand-card .btn:hover .btn-arrow {\r\n        color: #081728;\r\n        background: #d5b46e;\r\n        border-color: #d5b46e;\r\n\r\n        transform: translateX(2px);\r\n\r\n        box-shadow:\r\n            0 5px 14px rgba(200, 164, 93, 0.24),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.35);\r\n    }\r\n}\r\n\r\n\/* T\u0131klama hissi *\/\r\n.brand-card .btn:active {\r\n    transform: translateY(0) scale(0.985);\r\n    transition-duration: 0.1s;\r\n}\r\n\r\n\/* Klavye eri\u015filebilirli\u011fi *\/\r\n.brand-card .btn:focus-visible {\r\n    outline: 2px solid #d5b46e;\r\n    outline-offset: 4px;\r\n}\r\n\r\n\/* Mobil *\/\r\n@media (max-width: 480px) {\r\n    .brand-card .btn {\r\n        width: 100%;\r\n        min-width: 0;\r\n        min-height: 52px;\r\n        padding: 7px 8px 7px 21px;\r\n        border-radius: 11px;\r\n    }\r\n\r\n    .brand-card .btn .btn-arrow {\r\n        width: 36px;\r\n        height: 36px;\r\n        flex-basis: 36px;\r\n    }\r\n}\r\n\r\n\/* Hareket azaltma tercihi *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .brand-card .btn,\r\n    .brand-card .btn::before,\r\n    .brand-card .btn .btn-text,\r\n    .brand-card .btn .btn-arrow {\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* T\u00dcM MARKA KARTINI TIKLANAB\u0130L\u0130R YAP *\/\r\n.brand-card.catalog-clickable {\r\n    cursor: pointer;\r\n}\r\n\r\n.brand-card.catalog-clickable .brand-logo,\r\n.brand-card.catalog-clickable img,\r\n.brand-card.catalog-clickable .brand-name {\r\n    cursor: pointer;\r\n}\r\n\r\n\/* Kart\u0131n herhangi bir yerine gelince buton hafif tepki versin *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n    .brand-card.catalog-clickable:hover .btn {\r\n        border-color: rgba(218, 183, 111, 0.72);\r\n        transform: translateY(-2px);\r\n\r\n        box-shadow:\r\n            0 14px 30px rgba(5, 17, 31, 0.22),\r\n            0 4px 12px rgba(200, 164, 93, 0.10),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.10);\r\n    }\r\n\r\n    .brand-card.catalog-clickable:hover .btn .btn-arrow {\r\n        color: #081728;\r\n        background: #d5b46e;\r\n        border-color: #d5b46e;\r\n        transform: translateX(2px);\r\n    }\r\n}\r\n\r\n\/* Klavyeyle se\u00e7ildi\u011finde *\/\r\n.brand-card.catalog-clickable:focus-visible {\r\n    outline: 2px solid #d5b46e;\r\n    outline-offset: 5px;\r\n}\r\n\r\n\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   TA\u015eDEKOR ULTRA PREMIUM \u00d6ZELL\u0130KLER\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.porselen-features {\r\n    width: 100vw !important;\r\n    max-width: 100vw !important;\r\n    margin: 0 calc(50% - 50vw) !important;\r\n    padding: clamp(90px, 9vw, 140px) 30px !important;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: #ffffff;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 12% 10%,\r\n            rgba(200, 164, 93, 0.11) 0,\r\n            transparent 32%\r\n        ),\r\n        radial-gradient(\r\n            circle at 88% 90%,\r\n            rgba(62, 103, 145, 0.12) 0,\r\n            transparent 35%\r\n        ),\r\n        linear-gradient(\r\n            145deg,\r\n            #101d2e 0%,\r\n            #091525 52%,\r\n            #071321 100%\r\n        );\r\n}\r\n\r\n\/* \u00c7ok ince mimari doku *\/\r\n.porselen-features::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    pointer-events: none;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255, 255, 255, 0.018) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255, 255, 255, 0.018) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 72px 72px;\r\n    mask-image: linear-gradient(\r\n        to bottom,\r\n        rgba(0, 0, 0, 0.5),\r\n        transparent 88%\r\n    );\r\n    -webkit-mask-image: linear-gradient(\r\n        to bottom,\r\n        rgba(0, 0, 0, 0.5),\r\n        transparent 88%\r\n    );\r\n\r\n    opacity: 0.7;\r\n}\r\n\r\n\/* \u00dcst alt\u0131n \u00e7izgi *\/\r\n.porselen-features::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    width: min(86%, 1320px);\r\n    height: 1px;\r\n    transform: translateX(-50%);\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(200, 164, 93, 0.75),\r\n        transparent\r\n    );\r\n}\r\n\r\n.features-shell {\r\n    width: 100%;\r\n    max-width: 1320px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* B\u00f6l\u00fcm ba\u015fl\u0131\u011f\u0131 *\/\r\n.features-heading {\r\n    max-width: 790px;\r\n    margin: 0 auto clamp(55px, 6vw, 82px);\r\n    text-align: center;\r\n}\r\n\r\n.features-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 22px;\r\n\r\n    color: #d8b972;\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    line-height: 1;\r\n    letter-spacing: 3.2px;\r\n}\r\n\r\n\/* Etiketin iki yan\u0131ndaki \u00e7izgiler *\/\r\n.features-label::before,\r\n.features-label::after {\r\n    content: '';\r\n    width: 34px;\r\n    height: 1px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(216, 185, 114, 0.7)\r\n    );\r\n}\r\n\r\n.features-label::after {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n.features-heading h2 {\r\n    margin: 0 0 24px;\r\n\r\n    color: #ffffff;\r\n\r\n    font-family: 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(38px, 5vw, 64px);\r\n    font-weight: 400;\r\n    line-height: 1.08;\r\n    letter-spacing: -1.5px;\r\n}\r\n\r\n.features-heading h2 em {\r\n    color: #d5b46e;\r\n    font-weight: 400;\r\n    font-style: normal;\r\n}\r\n\r\n.features-heading > p {\r\n    max-width: 650px;\r\n    margin: 0 auto;\r\n\r\n    color: rgba(232, 237, 243, 0.68);\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 16px;\r\n    font-weight: 300;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* Kart grubu *\/\r\n.features-grid {\r\n    width: 100%;\r\n    max-width: none;\r\n    margin: 0;\r\n\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 1px;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n\r\n    background: rgba(200, 164, 93, 0.19);\r\n    border: 1px solid rgba(200, 164, 93, 0.20);\r\n    border-radius: 26px;\r\n\r\n    box-shadow:\r\n        0 35px 90px rgba(0, 0, 0, 0.24),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.045);\r\n}\r\n\r\n\/* Tek \u00f6zellik kart\u0131 *\/\r\n.feature-item {\r\n    min-width: 0;\r\n    padding: 48px 46px 52px;\r\n\r\n    position: relative;\r\n    overflow: hidden;\r\n    text-align: left;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 0.042),\r\n            rgba(255, 255, 255, 0.012)\r\n        ),\r\n        rgba(8, 21, 36, 0.88);\r\n\r\n    transition:\r\n        background-color 0.4s ease,\r\n        box-shadow 0.4s ease;\r\n}\r\n\r\n\/* \u00dcstte b\u00fcy\u00fcyen alt\u0131n vurgu *\/\r\n.feature-item::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 46px;\r\n    right: 46px;\r\n    height: 2px;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        #d5b46e,\r\n        transparent\r\n    );\r\n\r\n    transform: scaleX(0);\r\n    opacity: 0;\r\n\r\n    transition:\r\n        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),\r\n        opacity 0.35s ease;\r\n}\r\n\r\n\/* \u00c7ok hafif \u0131\u015f\u0131k alan\u0131 *\/\r\n.feature-item::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 210px;\r\n    height: 210px;\r\n    top: -115px;\r\n    right: -115px;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n\r\n    background: rgba(200, 164, 93, 0.10);\r\n    filter: blur(45px);\r\n    opacity: 0;\r\n\r\n    transition: opacity 0.45s ease;\r\n}\r\n\r\n.feature-top {\r\n    margin-bottom: 37px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\r\n\/* Apple tipi squircle ikon alan\u0131 *\/\r\n.feature-icon {\r\n    width: 66px;\r\n    height: 66px;\r\n    margin: 0;\r\n    flex: 0 0 66px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    position: relative;\r\n\r\n    color: #d8b66c;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(216, 182, 108, 0.17),\r\n            rgba(216, 182, 108, 0.045)\r\n        );\r\n\r\n    border: 1px solid rgba(216, 182, 108, 0.36);\r\n    border-radius: 20px;\r\n\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.08),\r\n        0 12px 32px rgba(0, 0, 0, 0.16);\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\r\n        color 0.35s ease,\r\n        background-color 0.35s ease,\r\n        border-color 0.35s ease,\r\n        box-shadow 0.35s ease;\r\n}\r\n\r\n.feature-icon svg {\r\n    width: 30px;\r\n    height: 30px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.45;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n\r\n    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.feature-number {\r\n    color: rgba(216, 185, 114, 0.42);\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    line-height: 1;\r\n    letter-spacing: 2.5px;\r\n}\r\n\r\n.feature-title {\r\n    margin: 0 0 17px;\r\n\r\n    color: #f3e3bc;\r\n\r\n    font-family: 'Playfair Display', Georgia, serif;\r\n    font-size: clamp(24px, 2vw, 29px);\r\n    font-weight: 500;\r\n    line-height: 1.25;\r\n    letter-spacing: -0.35px;\r\n\r\n    transition: color 0.35s ease;\r\n}\r\n\r\n.feature-desc {\r\n    max-width: 310px;\r\n    margin: 0;\r\n\r\n    color: rgba(231, 236, 242, 0.67);\r\n\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 15px;\r\n    font-weight: 300;\r\n    line-height: 1.8;\r\n\r\n    transition: color 0.35s ease;\r\n}\r\n\r\n\/* Mouse hover *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n    .feature-item:hover {\r\n        background:\r\n            linear-gradient(\r\n                145deg,\r\n                rgba(255, 255, 255, 0.065),\r\n                rgba(200, 164, 93, 0.025)\r\n            ),\r\n            rgba(10, 26, 44, 0.96);\r\n\r\n        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055);\r\n    }\r\n\r\n    .feature-item:hover::before {\r\n        transform: scaleX(1);\r\n        opacity: 1;\r\n    }\r\n\r\n    .feature-item:hover::after {\r\n        opacity: 1;\r\n    }\r\n\r\n    .feature-item:hover .feature-icon {\r\n        color: #081728;\r\n        background: #d5b46e;\r\n        border-color: #e3c783;\r\n\r\n        transform: translateY(-4px);\r\n\r\n        box-shadow:\r\n            0 15px 32px rgba(200, 164, 93, 0.20),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.38);\r\n    }\r\n\r\n    .feature-item:hover .feature-icon svg {\r\n        transform: scale(1.06);\r\n    }\r\n\r\n    .feature-item:hover .feature-title {\r\n        color: #ffffff;\r\n    }\r\n\r\n    .feature-item:hover .feature-desc {\r\n        color: rgba(241, 244, 248, 0.84);\r\n    }\r\n}\r\n\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n    .porselen-features {\r\n        padding: 85px 22px !important;\r\n    }\r\n\r\n    .features-grid {\r\n        grid-template-columns: 1fr;\r\n        max-width: 620px;\r\n        margin: 0 auto;\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .feature-item {\r\n        padding: 38px 36px 42px;\r\n    }\r\n\r\n    .feature-desc {\r\n        max-width: 480px;\r\n    }\r\n}\r\n\r\n\/* Mobil *\/\r\n@media (max-width: 480px) {\r\n    .porselen-features {\r\n        padding: 70px 16px !important;\r\n    }\r\n\r\n    .features-heading {\r\n        margin-bottom: 42px;\r\n    }\r\n\r\n    .features-heading h2 {\r\n        font-size: 37px;\r\n        letter-spacing: -0.8px;\r\n    }\r\n\r\n    .features-heading > p {\r\n        font-size: 14px;\r\n        line-height: 1.75;\r\n    }\r\n\r\n    .features-label {\r\n        font-size: 9px;\r\n        letter-spacing: 2.5px;\r\n    }\r\n\r\n    .features-label::before,\r\n    .features-label::after {\r\n        width: 22px;\r\n    }\r\n\r\n    .features-grid {\r\n        border-radius: 19px;\r\n    }\r\n\r\n    .feature-item {\r\n        padding: 32px 27px 36px;\r\n    }\r\n\r\n    .feature-item::before {\r\n        left: 27px;\r\n        right: 27px;\r\n    }\r\n\r\n    .feature-top {\r\n        margin-bottom: 28px;\r\n    }\r\n\r\n    .feature-icon {\r\n        width: 58px;\r\n        height: 58px;\r\n        flex-basis: 58px;\r\n        border-radius: 17px;\r\n    }\r\n\r\n    .feature-icon svg {\r\n        width: 27px;\r\n        height: 27px;\r\n    }\r\n\r\n    .feature-title {\r\n        font-size: 25px;\r\n        margin-bottom: 13px;\r\n    }\r\n\r\n    .feature-desc {\r\n        font-size: 14px;\r\n        line-height: 1.7;\r\n    }\r\n}\r\n\r\n\/* Hareket azaltma tercihi *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n    .feature-item,\r\n    .feature-item::before,\r\n    .feature-item::after,\r\n    .feature-icon,\r\n    .feature-icon svg,\r\n    .feature-title,\r\n    .feature-desc {\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n}\r\n\r\n\r\n\r\n\r\n\/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n   \u00d6ZEL TASARIM PREMIUM FEATURE \u0130KONLARI\r\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n\r\n.feature-icon {\r\n    width: 76px !important;\r\n    height: 76px !important;\r\n    flex: 0 0 76px !important;\r\n    margin: 0 !important;\r\n\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n    overflow: hidden;\r\n\r\n    color: #d8b76d;\r\n\r\n    \/* Metalik \u00e7er\u00e7eve *\/\r\n    border: 1px solid transparent !important;\r\n    border-radius: 23px !important;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 27% 18%,\r\n            rgba(255, 238, 192, 0.12),\r\n            transparent 38%\r\n        ) padding-box,\r\n        linear-gradient(\r\n            145deg,\r\n            #1c2a39 0%,\r\n            #111d2b 58%,\r\n            #0b1623 100%\r\n        ) padding-box,\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(246, 222, 161, 0.72),\r\n            rgba(200, 164, 93, 0.23) 45%,\r\n            rgba(200, 164, 93, 0.55)\r\n        ) border-box !important;\r\n\r\n    box-shadow:\r\n        0 18px 34px rgba(0, 0, 0, 0.22),\r\n        0 5px 13px rgba(0, 0, 0, 0.14),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.11),\r\n        inset 0 -1px 0 rgba(0, 0, 0, 0.30) !important;\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\r\n        box-shadow 0.4s ease,\r\n        background 0.4s ease !important;\r\n}\r\n\r\n\/* \u0130\u00e7teki ince kuyumcu \u00e7er\u00e7evesi *\/\r\n.feature-icon::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 5px;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n\r\n    border: 1px solid rgba(223, 192, 121, 0.10);\r\n    border-radius: 17px;\r\n\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.045);\r\n}\r\n\r\n\/* \u00dcst k\u00f6\u015fedeki kontroll\u00fc metal parlamas\u0131 *\/\r\n.feature-icon::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 11px;\r\n    left: 12px;\r\n    width: 25px;\r\n    height: 1px;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n\r\n    background: linear-gradient(\r\n        90deg,\r\n        transparent,\r\n        rgba(255, 229, 169, 0.56),\r\n        transparent\r\n    );\r\n\r\n    transform: rotate(-36deg);\r\n    opacity: 0.75;\r\n}\r\n\r\n\/* \u00d6zel \u00e7izilmi\u015f SVG *\/\r\n.feature-icon svg {\r\n    width: 39px !important;\r\n    height: 39px !important;\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    overflow: visible;\r\n    fill: none !important;\r\n\r\n    filter:\r\n        drop-shadow(0 3px 5px rgba(0, 0, 0, 0.25));\r\n\r\n    transition:\r\n        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),\r\n        filter 0.4s ease !important;\r\n}\r\n\r\n.feature-icon svg .icon-primary {\r\n    fill: rgba(216, 183, 109, 0.025);\r\n    stroke: #e3c578 !important;\r\n    stroke-width: 1.65;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.feature-icon svg .icon-secondary {\r\n    fill: none;\r\n    stroke: rgba(227, 197, 120, 0.72) !important;\r\n    stroke-width: 1.15;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.feature-icon svg .icon-accent {\r\n    fill: none;\r\n    stroke: rgba(248, 225, 170, 0.42) !important;\r\n    stroke-width: 0.85;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n.feature-icon svg .icon-point {\r\n    fill: #edcf83 !important;\r\n    stroke: rgba(255, 235, 188, 0.65) !important;\r\n    stroke-width: 0.7;\r\n}\r\n\r\n\/* Her ikona k\u00fc\u00e7\u00fck karakter fark\u0131 *\/\r\n.feature-icon--cutting svg {\r\n    width: 41px !important;\r\n    height: 41px !important;\r\n}\r\n\r\n.feature-icon--quality svg {\r\n    width: 38px !important;\r\n    height: 38px !important;\r\n}\r\n\r\n\/* Premium ve kontroll\u00fc hover *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n    .feature-item:hover .feature-icon {\r\n        transform: translateY(-5px) !important;\r\n\r\n        background:\r\n            radial-gradient(\r\n                circle at 28% 18%,\r\n                rgba(255, 239, 197, 0.18),\r\n                transparent 40%\r\n            ) padding-box,\r\n            linear-gradient(\r\n                145deg,\r\n                #243548 0%,\r\n                #162638 56%,\r\n                #0c1927 100%\r\n            ) padding-box,\r\n            linear-gradient(\r\n                145deg,\r\n                #f0d28a,\r\n                #b98f42 48%,\r\n                #e0bf72\r\n            ) border-box !important;\r\n\r\n        box-shadow:\r\n            0 22px 45px rgba(0, 0, 0, 0.28),\r\n            0 8px 24px rgba(200, 164, 93, 0.13),\r\n            inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;\r\n    }\r\n\r\n    .feature-item:hover .feature-icon svg {\r\n        transform: scale(1.055) !important;\r\n\r\n        filter:\r\n            drop-shadow(0 4px 7px rgba(0, 0, 0, 0.30))\r\n            drop-shadow(0 0 7px rgba(220, 184, 102, 0.13));\r\n    }\r\n\r\n    .feature-item:hover .feature-icon svg .icon-primary {\r\n        stroke: #f0d38b !important;\r\n    }\r\n\r\n    .feature-item:hover .feature-icon svg .icon-secondary {\r\n        stroke: rgba(240, 211, 139, 0.86) !important;\r\n    }\r\n}\r\n\r\n\/* Mobil \u00f6l\u00e7\u00fcler *\/\r\n@media (max-width: 480px) {\r\n    .feature-icon {\r\n        width: 66px !important;\r\n        height: 66px !important;\r\n        flex-basis: 66px !important;\r\n        border-radius: 20px !important;\r\n    }\r\n\r\n    .feature-icon::before {\r\n        border-radius: 15px;\r\n    }\r\n\r\n    .feature-icon svg {\r\n        width: 35px !important;\r\n        height: 35px !important;\r\n    }\r\n\r\n    .feature-icon--cutting svg {\r\n        width: 37px !important;\r\n        height: 37px !important;\r\n    }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n    .feature-icon,\r\n    .feature-icon svg {\r\n        transition-duration: 0.01ms !important;\r\n    }\r\n}<\/style>\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"Porselen Kusursuz Y\u00fczeyler Y\u00fcksek dayan\u0131kl\u0131l\u0131k, modern \u00e7izgiler ve kusursuz i\u015f\u00e7ilik ile porseleni mimari projelerinizde en premium formuyla sunuyoruz. Neden Porselen? Mimari projelerin vazge\u00e7ilmez malzemesi haline gelen porselen; esteti\u011fi, dayan\u0131kl\u0131l\u0131\u011f\u0131 ve &hellip; <p class=\"link-more\"><a href=\"https:\/\/tasdekoryapi.com\/en\/porselen\/\" class=\"more-link\">Read more<span class=\"screen-reader-text\"> \"Porselen\"<\/span><\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","slim_seo":{"title":"Porselen - Ta\u015f Dekor Yap\u0131 Dekorasyon","description":""},"footnotes":""},"class_list":["post-1581","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/pages\/1581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/comments?post=1581"}],"version-history":[{"count":0,"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/pages\/1581\/revisions"}],"wp:attachment":[{"href":"https:\/\/tasdekoryapi.com\/en\/wp-json\/wp\/v2\/media?parent=1581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}