/* ============================================================
   PAK-EL HALI & KOLTUK YIKAMA - ÖZEL STİL DOSYASI
   Düzenlenme: 07.08.2026
   Amaç: Kodları okunaklı hale getirmek. Tasarım/işlev değiştirilmedi.
   Her selector ve özellik ayrı satırda tutulmuştur.
   ============================================================ */

:root {
    --navy: #092d4b;
    --navy2: #041d31;
    --blue: #1688cf;
    --wine: #8d2348;
    --pink: #df2b87;
    --cream: #f7f2f5;
    --light: #f4f8fb;
    --text: #243746;
    --muted: #6f7f8d;
    --white: #fff;
    --shadow: 0 24px 70px rgba(5,35,58,.14);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: Manrope,Arial,sans-serif;
    color: var(--text);
    background: #fff;
    line-height: 1.7;
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
    transition: .3s;
}

img {
    max-width: 100%;
    display: block;
}

.container {
    width: min(1180px,calc(100% - 34px));
    margin: auto;
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: 8px;
    background: #fff;
    padding: 8px;
    z-index: 9999;
}

.skip-link:focus {
    left: 8px;
}

.topbar {
    background: var(--navy2);
    color: #dce8ef;
    font-size: 13px;
}

.topbar-inner {
    min-height: 43px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
}

.topbar i {
    color: #6fd0ff;
    margin-right: 7px;
}

.topbar-announcement {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #fff;
    font-weight: 700;
}

.topbar-announcement span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #31d27c;
    box-shadow: 0 0 0 6px rgba(49,210,124,.12);
    animation: pulse 1.8s infinite;
}

.topbar-links {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.site-header {
    position: sticky;
    top: 0;
    background: rgba(255,255,255,.94);
    backdrop-filter: blur(16px);
    z-index: 1000;
    border-bottom: 1px solid rgba(9,45,75,.08);
    transition: .3s;
}

.site-header.scrolled {
    box-shadow: 0 10px 35px rgba(5,35,58,.09);
}

.nav-wrap {
    height: 88px;
    display: flex;
    align-items: center;
    gap: 26px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: auto;
}

.brand img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #eef3f7;
}

.brand span {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.brand strong {
    font-size: 24px;
    letter-spacing: 1px;
    color: var(--navy);
}

.brand small {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: var(--wine);
    font-weight: 800;
    margin-top: 5px;
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 24px;
}

.main-nav a {
    font-size: 13px;
    font-weight: 800;
    color: #435664;
    position: relative;
    padding: 32px 0;
}

.main-nav a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 100%;
    bottom: 22px;
    height: 2px;
    background: linear-gradient(90deg,var(--pink),var(--wine));
    transition: .3s;
}

.main-nav a:hover,.main-nav a.active {
    color: var(--navy);
}

.main-nav a:hover:after,.main-nav a.active:after {
    right: 0;
}

.header-cta {
    background: linear-gradient(135deg,var(--wine),var(--pink));
    color: #fff !important;
    padding: 13px 19px;
    border-radius: 999px;
    font-weight: 800;
    font-size: 13px;
    box-shadow: 0 12px 28px rgba(141,35,72,.24);
}

.header-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(141,35,72,.3);
}

.nav-toggle {
    display: none;
    background: none;
    border: 0;
    width: 42px;
    padding: 8px;
}

.nav-toggle span:not(.sr-only) {
    display: block;
    height: 2px;
    background: var(--navy);
    margin: 6px;
}

.hero {
    position: relative;
    overflow: hidden;
    min-height: 710px;
    color: #fff;
    background: var(--navy2);
}

.hero-slides,.hero-slide,.hero-overlay {
    position: absolute;
    inset: 0;
}

.hero-slide {
    background-position: center;
    background-size: cover;
    opacity: 0;
    transform: scale(1.06);
    transition: opacity 1.2s ease,transform 7s ease;
}

.hero-slide.active {
    opacity: 1;
    transform: scale(1);
}

.hero-overlay {
    background: linear-gradient(90deg,rgba(4,29,49,.97) 0%,rgba(4,29,49,.88) 50%,rgba(4,29,49,.28) 100%);
}

.hero-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(4px);
    opacity: .24;
}

.orb-one {
    width: 420px;
    height: 420px;
    background: var(--pink);
    right: -170px;
    top: -120px;
    animation: float 7s ease-in-out infinite;
}

.orb-two {
    width: 260px;
    height: 260px;
    background: #1f9fe6;
    left: 45%;
    bottom: -120px;
    animation: float 9s ease-in-out infinite reverse;
}

.hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.25fr .72fr;
    gap: 80px;
    align-items: center;
    min-height: 710px;
    padding: 55px 0 95px;
}

.eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    letter-spacing: 2.3px;
    text-transform: uppercase;
    font-weight: 800;
    color: #9bdcff;
}

.eyebrow span {
    width: 38px;
    height: 2px;
    background: linear-gradient(90deg,var(--pink),#ff8cc2);
}

.hero h1 {
    font-family: "Playfair Display",serif;
    font-size: 70px;
    line-height: 1.03;
    letter-spacing: -2px;
    margin: 20px 0 22px;
}

.hero h1 span {
    font-family: Manrope,sans-serif;
    font-size: .86em;
    font-style: normal;
}

.hero h1 em {
    color: #ff83bf;
    position: relative;
}

.hero h1 em:after {
    content: "";
    position: absolute;
    left: 2%;
    right: 2%;
    bottom: -8px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='12' viewBox='0 0 240 12'%3E%3Cpath d='M2 8c54-8 118 4 236-4' fill='none' stroke='%23df2b87' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}

.hero-copy>p {
    font-size: 18px;
    max-width: 700px;
    color: #d6e4ed;
    margin-bottom: 32px;
}

.hero-actions {
    display: flex;
    gap: 14px;
}

.btn-pakel {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 25px;
    border-radius: 999px;
    font-weight: 800;
    position: relative;
    overflow: hidden;
}

.btn-pakel.primary {
    background: linear-gradient(135deg,var(--pink),var(--wine));
    color: #fff;
    box-shadow: 0 15px 35px rgba(223,43,135,.3);
}

.btn-pakel.glass {
    border: 1px solid rgba(255,255,255,.28);
    color: #fff;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(10px);
}

.btn-pakel:hover {
    transform: translateY(-3px);
    color: #fff;
}

.trust-row {
    display: flex;
    margin-top: 44px;
    border-top: 1px solid rgba(255,255,255,.14);
    padding-top: 25px;
}

.trust-row div {
    padding-right: 28px;
    margin-right: 28px;
    border-right: 1px solid rgba(255,255,255,.14);
    display: grid;
    grid-template-columns: auto auto;
    align-items: end;
}

.trust-row div:last-child {
    border: 0;
}

.trust-row strong {
    font-size: 21px;
}

.trust-row b {
    color: #ff7cba;
    font-size: 18px;
}

.trust-row span {
    grid-column: 1/-1;
    font-size: 11px;
    color: #b9cad5;
}

.hero-card {
    position: relative;
    background: rgba(255,255,255,.96);
    color: var(--text);
    padding: 34px;
    border-radius: 28px;
    box-shadow: 0 35px 100px rgba(0,0,0,.27);
    backdrop-filter: blur(18px);
    transition: .25s;
    overflow: hidden;
}

.hero-card:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 28px;
    background: linear-gradient(145deg,#fff,rgba(223,43,135,.35),rgba(22,136,207,.3));
    -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.shine {
    position: absolute;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle,rgba(223,43,135,.18),transparent 70%);
    right: -50px;
    top: -50px;
}

.card-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #e9f7ff;
    color: var(--blue);
    font-weight: 800;
    font-size: 11px;
    padding: 8px 13px;
    border-radius: 30px;
}

.hero-card h2 {
    font-size: 30px;
    color: var(--navy);
    margin: 18px 0 8px;
}

.hero-card>p {
    font-size: 14px;
    color: var(--muted);
}

.hero-card>a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 0;
    border-top: 1px solid #e8edf1;
}

.hero-card>a>span {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: linear-gradient(135deg,var(--navy),var(--blue));
    color: #fff;
    display: grid;
    place-items: center;
}

.hero-card>a div {
    display: flex;
    flex-direction: column;
}

.hero-card>a small {
    color: var(--muted);
}

.hero-card>a strong {
    color: var(--navy);
    font-size: 17px;
}

.hero-card .arrow {
    margin-left: auto;
    color: #a6b3bd;
}

.service-note {
    margin-top: 14px;
    padding: 12px;
    border-radius: 12px;
    background: #f3f8fb;
    font-size: 12px;
    color: #527082;
}

.service-note i {
    color: #22a66f;
}

.scroll-hint {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
    z-index: 3;
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #dce9f1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.scroll-hint span {
    width: 1px;
    height: 34px;
    background: linear-gradient(#fff,transparent);
    animation: scroll 1.8s infinite;
}

.hero-wave {
    position: absolute;
    left: -5%;
    right: -5%;
    bottom: -48px;
    height: 105px;
    background: #fff;
    border-radius: 50% 50% 0 0/100% 100% 0 0;
}

.marquee {
    overflow: hidden;
    background: linear-gradient(90deg,var(--wine),var(--pink));
    color: #fff;
    padding: 13px 0;
}

.marquee-track {
    display: flex;
    width: max-content;
    gap: 28px;
    align-items: center;
    animation: marquee 24s linear infinite;
}

.marquee span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.marquee i {
    font-style: normal;
    opacity: .65;
}

.quick-services {
    position: relative;
    padding: 105px 0 115px;
    overflow: hidden;
}

.section-glow {
    position: absolute;
    width: 540px;
    height: 540px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(22,136,207,.12),transparent 68%);
    right: -180px;
    top: 70px;
}

.section-head {
    max-width: 800px;
    margin: 0 auto 50px;
}

.section-head.centered {
    text-align: center;
}

.split-head {
    max-width: none;
    display: grid;
    grid-template-columns: 1fr .8fr;
    align-items: end;
    gap: 60px;
}

.section-head>span,.mini-title {
    font-size: 11px;
    letter-spacing: 2.4px;
    font-weight: 800;
    color: var(--pink);
}

.section-head h2,.about-copy h2,.corporate h2,.video-note h2 {
    font-size: 46px;
    line-height: 1.15;
    color: var(--navy);
    margin: 10px 0 14px;
    letter-spacing: -1.2px;
}

.section-head h2 em,.about-copy h2 em,.process-section h2 em,.video-note h2 em {
    font-family: "Playfair Display",serif;
    color: var(--wine);
}

.section-head p {
    color: var(--muted);
    margin: 0;
}

.service-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.service-card {
    background: #fff;
    border: 1px solid #e6edf2;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 35px rgba(9,45,75,.05);
    transition: .4s;
}

.service-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow);
}

.service-image {
    height: 190px;
    position: relative;
    overflow: hidden;
}

.service-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent,rgba(4,29,49,.28));
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .55s;
}

.service-card:hover .service-image img {
    transform: scale(1.08);
}

.service-image>span {
    position: absolute;
    right: 18px;
    bottom: 12px;
    z-index: 2;
    font-size: 34px;
    font-weight: 800;
    color: rgba(255,255,255,.78);
}

.service-body {
    position: relative;
    padding: 28px;
}

.service-body .icon {
    position: absolute;
    right: 24px;
    top: -30px;
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: linear-gradient(135deg,var(--navy),var(--blue));
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 22px;
    box-shadow: 0 12px 25px rgba(9,45,75,.22);
}

.service-body h3 {
    font-size: 21px;
    color: var(--navy);
    margin: 5px 0 10px;
}

.service-body p {
    font-size: 14px;
    color: var(--muted);
}

.service-body a {
    font-size: 13px;
    font-weight: 800;
    color: var(--wine);
}

.service-body a i {
    margin-left: 6px;
}

.tag {
    display: inline-block;
    background: #fff0f7;
    color: var(--pink);
    font-size: 10px;
    font-weight: 800;
    padding: 6px 9px;
    border-radius: 20px;
    margin-bottom: 8px;
}

.about-strip {
    position: relative;
    background: linear-gradient(135deg,#f8fbfd,#f8f2f6);
    padding: 115px 0;
    overflow: hidden;
}

.floating-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(141,35,72,.15) 1px,transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(90deg,#000,transparent 48%);
}

.about-grid {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center;
}

.about-visual {
    position: relative;
    min-height: 560px;
}

.about-image-main {
    width: 84%;
    height: 520px;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--shadow);
}

.about-image-main img,.about-image-small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-image-small {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 43%;
    height: 230px;
    border: 8px solid #f8f4f7;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 20px 45px rgba(9,45,75,.15);
}

.experience {
    position: absolute;
    left: -20px;
    bottom: 55px;
    background: linear-gradient(135deg,var(--wine),var(--pink));
    color: #fff;
    padding: 23px 28px;
    border-radius: 18px;
    box-shadow: var(--shadow);
    display: flex;
    flex-direction: column;
}

.experience strong {
    font-size: 34px;
    line-height: 1;
}

.experience span {
    font-size: 11px;
}

.quality-badge {
    position: absolute;
    right: 7%;
    top: 28px;
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: #fff;
    display: grid;
    place-items: center;
    text-align: center;
    box-shadow: var(--shadow);
    animation: float 5s ease-in-out infinite;
}

.quality-badge i {
    color: #f4af22;
}

.quality-badge span {
    font-size: 11px;
    font-weight: 800;
    line-height: 1.25;
    color: var(--navy);
}

.about-copy p {
    color: var(--muted);
}

.feature-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 28px 0;
}

.feature-list>div {
    display: flex;
    gap: 13px;
    align-items: center;
    padding: 14px;
    border-radius: 15px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(9,45,75,.07);
}

.feature-list i {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #eaf6fc;
    color: var(--blue);
    display: grid;
    place-items: center;
}

.feature-list span {
    display: flex;
    flex-direction: column;
}

.feature-list strong {
    font-size: 13px;
    color: var(--navy);
}

.feature-list small {
    font-size: 11px;
    color: var(--muted);
}

.text-link {
    font-weight: 800;
    color: var(--wine);
}

.process-section {
    padding: 110px 0;
    background: #fff;
}

.process-line {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px;
}

.process-line:before {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    top: 57px;
    height: 2px;
    background: linear-gradient(90deg,var(--pink),var(--blue));
}

.process-item {
    position: relative;
    text-align: center;
    padding: 0 14px;
}

.process-item>b {
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 58px;
    color: #edf3f6;
    z-index: 0;
}

.process-icon {
    position: relative;
    z-index: 1;
    width: 76px;
    height: 76px;
    margin: 20px auto 22px;
    border-radius: 24px;
    background: #fff;
    color: var(--wine);
    display: grid;
    place-items: center;
    font-size: 25px;
    box-shadow: 0 16px 35px rgba(9,45,75,.13);
    border: 1px solid #edf1f4;
    transition: .35s;
}

.process-item:hover .process-icon {
    transform: translateY(-7px) rotate(-4deg);
    background: linear-gradient(135deg,var(--wine),var(--pink));
    color: #fff;
}

.process-item h3 {
    font-size: 18px;
    color: var(--navy);
}

.process-item p {
    font-size: 13px;
    color: var(--muted);
}

.corporate {
    position: relative;
    overflow: hidden;
    background: var(--navy2);
    color: #fff;
    padding: 105px 0;
}

.corporate-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(4,29,49,.98),rgba(4,29,49,.84)),url("../images/bg_3.jpg") center/cover;
    opacity: .95;
}

.corporate:after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    border: 90px solid rgba(255,255,255,.025);
    border-radius: 50%;
    right: -120px;
    top: -170px;
}

.corporate-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.25fr .65fr;
    gap: 80px;
    align-items: center;
}

.mini-title.light {
    color: #83d5ff;
}

.corporate h2 {
    color: #fff;
    font-size: 52px;
}

.corporate h2 em {
    font-family: "Playfair Display",serif;
    color: #ff83bf;
}

.corporate p {
    color: #c6d5df;
}

.pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.pill-row span {
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(8px);
    padding: 9px 13px;
    border-radius: 30px;
    font-size: 11px;
}

.corporate-cta {
    background: rgba(255,255,255,.97);
    color: var(--text);
    padding: 38px;
    border-radius: 26px;
    text-align: center;
    box-shadow: 0 30px 80px rgba(0,0,0,.2);
}

.pulse-ring {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    margin: 0 auto 18px;
    background: linear-gradient(135deg,var(--pink),var(--wine));
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 30px;
    box-shadow: 0 0 0 12px rgba(223,43,135,.1);
    animation: pulseRing 2.2s infinite;
}

.corporate-cta h3 {
    color: var(--navy);
    margin: 14px 0 5px;
}

.corporate-cta p {
    color: var(--muted);
    font-size: 14px;
}

.corporate-cta a {
    display: block;
    background: var(--navy);
    color: #fff;
    padding: 14px;
    border-radius: 999px;
    font-weight: 800;
    margin-top: 20px;
}

.video-section {
    padding: 110px 0;
    background: #fff;
}

.video-box {
    display: grid;
    grid-template-columns: 1.2fr .8fr;
    background: #fff;
    border-radius: 28px;
    box-shadow: var(--shadow);
    overflow: hidden;
    border: 1px solid #e8eef2;
}

.video-frame {
    position: relative;
    min-height: 470px;
    background: #071f34;
}

.video-box video {
    width: 100%;
    height: 100%;
    min-height: 470px;
    object-fit: cover;
}

.video-corner {
    position: absolute;
    left: 22px;
    top: 22px;
    background: rgba(4,29,49,.82);
    color: #fff;
    padding: 13px 16px;
    border-radius: 12px;
    font-weight: 800;
    line-height: 1.05;
    backdrop-filter: blur(8px);
}

.video-corner small {
    font-size: 9px;
    font-weight: 600;
    color: #a9c3d4;
}

.video-note {
    padding: 55px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(145deg,#fff,#f8f3f6);
}

.video-note>span {
    font-size: 11px;
    font-weight: 800;
    color: var(--pink);
    letter-spacing: 1.7px;
}

.video-note h2 {
    font-size: 37px;
}

.video-note p {
    color: var(--muted);
}

.video-note code {
    background: #edf3f6;
    color: var(--wine);
    padding: 3px 6px;
    border-radius: 5px;
}

.video-points {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 15px;
    font-size: 12px;
    font-weight: 700;
    color: var(--navy);
}

.video-points i {
    color: #21aa6e;
    margin-right: 7px;
}

.gallery-strip {
    overflow: hidden;
}

.gallery-track {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.gallery-track figure {
    position: relative;
    height: 280px;
    margin: 0;
    overflow: hidden;
}

.gallery-track img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .55s;
}

.gallery-track figure:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 35%,rgba(4,29,49,.8));
}

.gallery-track figcaption {
    position: absolute;
    left: 22px;
    bottom: 18px;
    z-index: 2;
    color: #fff;
    font-weight: 800;
}

.gallery-track figure:hover img {
    transform: scale(1.09);
}

.cta-band {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg,#eaf7ff,#f9edf4);
    padding: 70px 0;
}

.cta-pattern {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(9,45,75,.1) 1px,transparent 1px);
    background-size: 22px 22px;
    opacity: .5;
}

.cta-inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.cta-inner span {
    color: var(--blue);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.cta-inner h2 {
    color: var(--navy);
    font-size: 38px;
    margin: 4px 0;
}

.cta-inner p {
    margin: 0;
    color: var(--muted);
}

.cta-buttons {
    display: flex;
    gap: 12px;
}

.cta-buttons a {
    background: var(--navy);
    color: #fff;
    padding: 16px 21px;
    border-radius: 999px;
    font-weight: 800;
    white-space: nowrap;
}

.cta-buttons a.whatsapp {
    background: #20b869;
}

.footer {
    background: #061f34;
    color: #c3d1da;
    padding: 75px 0 22px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.1fr 1fr .6fr;
    gap: 60px;
}

.footer h3 {
    color: #fff;
    font-size: 17px;
    margin-bottom: 18px;
}

.footer p,.footer a {
    font-size: 13px;
}

.footer a {
    display: block;
    margin: 8px 0;
}

.footer a:hover {
    color: #fff;
}

.footer-brand {
    margin-bottom: 16px;
}

.footer-brand strong {
    color: #fff;
}

.footer-bottom {
    border-top: 1px solid rgba(255,255,255,.1);
    margin-top: 45px;
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 12px;
}

.footer-bottom a {
    display: inline;
}

.floating-whatsapp {
    position: fixed;
    right: 22px;
    bottom: 22px;
    display: flex;
    align-items: center;
    gap: 9px;
    background: #20b869;
    color: #fff !important;
    padding: 8px 9px 8px 16px;
    border-radius: 999px;
    z-index: 1200;
    box-shadow: 0 14px 32px rgba(32,184,105,.35);
    font-weight: 800;
    font-size: 12px;
}

.floating-whatsapp i {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,.16);
    font-size: 23px;
}

.mobile-actions {
    display: none;
}

.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .75s ease,transform .75s ease;
}

.reveal.visible {
    opacity: 1;
    transform: none;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

@keyframes pulse {
    50% {
        box-shadow: 0 0 0 10px rgba(49,210,124,0);
    }

}

@keyframes float {
    50% {
        transform: translateY(18px);
    }

}

@keyframes scroll {
    0% {
        opacity: 0;
        transform: translateY(-8px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(8px);
    }

}

@keyframes marquee {
    to {
        transform: translateX(-50%);
    }

}

@keyframes pulseRing {
    50% {
        box-shadow: 0 0 0 22px rgba(223,43,135,0);
    }

}

@media (max-width:1050px) {
    .main-nav {
        gap: 15px;
    }

    .main-nav a {
        font-size: 12px;
    }

    .hero h1 {
        font-size: 58px;
    }

    .service-grid {
        grid-template-columns: repeat(2,1fr);
    }

}

@media (max-width:991px) {
    .topbar-inner {
        grid-template-columns: 1fr 1fr;
    }

    .topbar-announcement {
        display: none;
    }

    .main-nav {
        position: absolute;
        left: 16px;
        right: 16px;
        top: 88px;
        background: #fff;
        display: none;
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
        border-radius: 16px;
        box-shadow: var(--shadow);
    }

    .main-nav.open {
        display: flex;
    }

    .main-nav a {
        padding: 11px 8px;
    }

    .main-nav a:after {
        display: none;
    }

    .nav-toggle {
        display: block;
    }

    .header-cta {
        display: none;
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: 35px;
        padding-top: 70px;
    }

    .hero {
        min-height: auto;
    }

    .hero-card {
        max-width: 540px;
    }

    .split-head,.about-grid,.corporate-grid,.video-box {
        grid-template-columns: 1fr;
    }

    .about-grid {
        gap: 55px;
    }

    .corporate-grid {
        gap: 48px;
    }

    .process-line {
        grid-template-columns: repeat(2,1fr);
    }

    .process-line:before {
        display: none;
    }

    .gallery-track {
        grid-template-columns: repeat(2,1fr);
    }

    .cta-inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .floating-whatsapp {
        display: none;
    }

    .mobile-actions {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 62px;
        background: #fff;
        z-index: 1400;
        box-shadow: 0 -8px 24px rgba(0,0,0,.1);
    }

    .mobile-actions a {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        font-weight: 800;
        color: #fff;
        background: var(--navy);
    }

    .mobile-actions a+a {
        background: #20b869;
    }

    body {
        padding-bottom: 62px;
    }

}

@media (max-width:767px) {
    .topbar-inner {
        display: flex;
        justify-content: space-between;
    }

    .topbar-links a:first-child {
        display: none;
    }

    .nav-wrap {
        height: 76px;
    }

    .brand img {
        width: 52px;
        height: 52px;
    }

    .brand strong {
        font-size: 20px;
    }

    .brand small {
        font-size: 9px;
    }

    .main-nav {
        top: 76px;
    }

    .hero-grid {
        padding-top: 58px;
        padding-bottom: 115px;
    }

    .hero h1 {
        font-size: 44px;
        letter-spacing: -1px;
    }

    .hero-copy>p {
        font-size: 16px;
    }

    .hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-pakel {
        justify-content: center;
    }

    .trust-row {
        overflow-x: auto;
    }

    .trust-row div {
        min-width: 120px;
        padding-right: 14px;
        margin-right: 14px;
    }

    .hero-card {
        padding: 25px;
    }

    .section-head h2,.about-copy h2,.corporate h2 {
        font-size: 34px;
    }

    .quick-services,.about-strip,.process-section,.video-section {
        padding: 76px 0;
    }

    .split-head {
        gap: 18px;
    }

    .service-grid,.feature-list,.process-line {
        grid-template-columns: 1fr;
    }

    .about-visual {
        min-height: 455px;
    }

    .about-image-main {
        height: 410px;
        width: 90%;
    }

    .about-image-small {
        height: 170px;
    }

    .experience {
        left: 5px;
        bottom: 25px;
    }

    .quality-badge {
        right: 0;
        width: 90px;
        height: 90px;
    }

    .video-note {
        padding: 30px;
    }

    .video-note h2 {
        font-size: 30px;
    }

    .video-frame,.video-box video {
        min-height: 300px;
    }

    .gallery-track {
        grid-template-columns: 1fr 1fr;
    }

    .gallery-track figure {
        height: 190px;
    }

    .cta-buttons {
        width: 100%;
        flex-direction: column;
    }

    .cta-buttons a {
        text-align: center;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 8px;
    }

    .corporate-cta {
        padding: 28px;
    }

    .scroll-hint {
        display: none;
    }

}

/* Pak-El gerçek fotoğraf görünümü güncellemesi */

.hero-slide {
    background-position: center;
    background-size: cover;
    filter: saturate(.92) contrast(1.04);
}

.hero-slide:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(6,28,50,.82) 0%,rgba(6,28,50,.55) 46%,rgba(6,28,50,.18) 100%);
}

.service-grid {
    align-items: stretch;
}

.service-card {
    background: #fff;
    border: 1px solid rgba(15,53,83,.09);
    box-shadow: 0 18px 48px rgba(9,39,65,.09);
    overflow: hidden;
}

.service-image {
    height: 250px;
    position: relative;
    overflow: hidden;
    background: #eaf0f4;
}

.service-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 48%,rgba(8,32,52,.46) 100%);
    pointer-events: none;
}

.service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.9) contrast(1.03);
    transition: transform .65s ease,filter .45s ease;
}

.service-card:hover .service-image img {
    transform: scale(1.055);
    filter: saturate(1) contrast(1.05);
}

.service-image span {
    z-index: 2;
    background: rgba(255,255,255,.92);
    color: #143b5a;
    box-shadow: 0 7px 20px rgba(0,0,0,.12);
}

.service-body {
    padding: 28px 26px 30px;
}

.service-body h3 {
    margin-top: 8px;
    font-size: 1.35rem;
}

.service-body p {
    min-height: 72px;
    color: #657786;
    line-height: 1.72;
}

.gallery-strip img {
    filter: saturate(.9) contrast(1.04);
}

.about-image-main img,.about-image-small img {
    object-fit: cover;
    filter: saturate(.9) contrast(1.04);
}

@media (max-width:767px) {
    .service-image {
        height: 220px;
    }

    .service-body p {
        min-height: auto;
    }

    .hero-slide:after {
        background: rgba(6,28,50,.62);
    }

}

/* Müşteri talepleri: gerçek halı türleri ve ayrı yorgan bölümü */

.carpet-types {
    padding: 105px 0;
    background: linear-gradient(180deg,#fff 0%,#f7fafc 100%);
}

.carpet-type-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 22px;
    margin-top: 46px;
}

.carpet-type-card {
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    min-height: 390px;
    background: #0a2e4a;
    box-shadow: 0 20px 48px rgba(9,45,75,.14);
}

.carpet-type-card:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 38%,rgba(4,29,49,.94) 100%);
}

.carpet-type-card img {
    width: 100%;
    height: 390px;
    object-fit: cover;
    transition: transform .65s ease;
}

.carpet-type-card:hover img {
    transform: scale(1.06);
}

.carpet-type-card>div {
    position: absolute;
    z-index: 2;
    left: 22px;
    right: 22px;
    bottom: 20px;
    color: #fff;
}

.carpet-type-card>div>span {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(255,255,255,.94);
    color: var(--wine);
    font-size: 11px;
    font-weight: 800;
    margin-bottom: 10px;
}

.carpet-type-card h3 {
    color: #fff;
    margin: 0 0 7px;
    font-size: 21px;
}

.carpet-type-card p {
    margin: 0;
    color: #d7e3eb;
    font-size: 12px;
    line-height: 1.55;
}

.quilt-feature {
    padding: 105px 0;
    background: #fff;
}

.quilt-feature-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 65px;
    align-items: center;
}

.quilt-photo {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--shadow);
    min-height: 500px;
}

.quilt-photo img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.quilt-photo:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg,transparent 60%,rgba(4,29,49,.55));
}

.quilt-photo>span {
    position: absolute;
    z-index: 2;
    left: 24px;
    bottom: 24px;
    background: #fff;
    color: var(--navy);
    padding: 12px 17px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 12px 28px rgba(0,0,0,.16);
}

.quilt-photo>span i {
    color: var(--pink);
    margin-right: 7px;
}

.quilt-copy h2 {
    font-size: 48px;
    line-height: 1.14;
    color: var(--navy);
    margin: 12px 0 20px;
}

.quilt-copy h2 em {
    font-family: "Playfair Display",serif;
    color: var(--wine);
}

.quilt-copy>p {
    color: var(--muted);
    margin-bottom: 24px;
}

.quilt-points {
    display: grid;
    gap: 10px;
    margin-bottom: 28px;
}

.quilt-points span {
    font-size: 13px;
    font-weight: 700;
    color: var(--navy);
}

.quilt-points i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    background: #e9f8f1;
    color: #1eaa6c;
    margin-right: 8px;
}

@media (max-width:1050px) {
    .carpet-type-grid {
        grid-template-columns: repeat(2,1fr);
    }

}

@media (max-width:991px) {
    .quilt-feature-grid {
        grid-template-columns: 1fr;
    }

    .quilt-copy h2 {
        font-size: 39px;
    }

}

@media (max-width:767px) {
    .carpet-types,.quilt-feature {
        padding: 74px 0;
    }

    .carpet-type-grid {
        grid-template-columns: 1fr;
    }

    .carpet-type-card,.carpet-type-card img {
        min-height: 340px;
        height: 340px;
    }

    .quilt-photo,.quilt-photo img {
        min-height: 340px;
        height: 340px;
    }

    .quilt-copy h2 {
        font-size: 34px;
    }

}

/* ===== Pak-El müşteri revizyonları - 07.08.2026 ===== */

/* Slider fotoğrafları doğal ve düz görünür: mavi/lacivert katman kaldırıldı. */

.hero-slide:after, .hero-overlay {
    display: none !important;
    background: none !important;
}

.hero-slide {
    filter: none !important;
}

/* Sağdaki ücretsiz servis kartı kaldırıldığı için slider metni daha ferah kullanılır. */

.hero-grid {
    grid-template-columns: minmax(0, 860px) !important;
    justify-content: flex-start;
    gap: 0 !important;
}

.hero-copy {
    max-width: 860px;
    padding: 34px 38px;
    border-radius: 26px;
    background: rgba(4,29,49,.30);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    text-shadow: 0 2px 14px rgba(0,0,0,.40);
}

.hero-copy .btn-pakel, .hero-copy .trust-row {
    text-shadow: none;
}

/* Genel tipografi biraz daha büyük ve okunaklı. */

body {
    font-size: 17px;
}

.main-nav a {
    font-size: 14px;
}

.topbar {
    font-size: 14px;
}

.hero-copy>p {
    font-size: 20px;
    line-height: 1.75;
}

.section-head p, .about-copy p, .corporate p, .video-note p, .cta-inner p {
    font-size: 16px;
}

.service-body p {
    font-size: 15px;
    line-height: 1.75;
}

.service-body h3 {
    font-size: 22px;
}

.process-item h3 {
    font-size: 20px;
}

.process-item p {
    font-size: 15px;
}

.footer p,.footer a {
    font-size: 14px;
}

/* Sağ sabit sosyal iletişim butonları */

.social-rail {
    position: fixed;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1350;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}

.social-rail-link {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    color: #fff !important;
    box-shadow: 0 12px 30px rgba(4,29,49,.20);
    transition: width .32s ease, transform .32s ease, box-shadow .32s ease, border-radius .32s ease;
}

.social-rail-link i {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    font-size: 24px;
}

.social-rail-link span {
    white-space: nowrap;
    padding: 0 18px 0 1px;
    font-size: 14px;
    font-weight: 800;
    opacity: 0;
    transform: translateX(8px);
    transition: .25s ease .05s;
}

.social-rail-link:hover {
    width: 154px;
    transform: translateX(-4px);
    border-radius: 16px 8px 8px 16px;
    box-shadow: 0 16px 40px rgba(4,29,49,.28);
}

.social-rail-link:hover span {
    opacity: 1;
    transform: none;
}

.social-rail-link.instagram {
    background: linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
}

.social-rail-link.whatsapp {
    background: #20b869;
}

.social-rail-link.phone {
    background: var(--navy);
}

@media (max-width:991px) {
    .hero-copy {
        max-width: 720px;
    }

    .social-rail {
        display: none;
    }

}

@media (max-width:767px) {
    body {
        font-size: 16px;
    }

    .hero-copy {
        padding: 24px 20px;
        background: rgba(4,29,49,.38);
    }

    .hero-copy>p {
        font-size: 17px;
    }

    .service-body p,.process-item p {
        font-size: 14px;
    }

}

/* ============================================================
   YENİ ANA SAYFA HERO / SLIDER YERİNE TEK GÖRSEL
   ============================================================ */

.hero-new {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #fffaf7 0%, #ffffff 58%, #f5f8fb 100%);
    padding: 76px 0 88px;
}

.hero-new::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, var(--wine), var(--pink), var(--blue));
}

.hero-new-accent {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.hero-new-accent-one {
    width: 360px;
    height: 360px;
    top: -210px;
    left: -160px;
    background: rgba(133, 29, 66, .08);
}

.hero-new-accent-two {
    width: 420px;
    height: 420px;
    right: -220px;
    bottom: -260px;
    background: rgba(22, 136, 207, .08);
}

.hero-new-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(500px, 1.08fr);
    gap: 68px;
    align-items: center;
}

/* HERO SOL METİN ALANI */

.hero-new-copy {
    padding: 24px 0;
}

.hero-new-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    color: var(--wine);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

.hero-new-eyebrow span {
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--wine), var(--pink));
}

.hero-new h1 {
    margin: 0 0 24px;
    color: var(--navy);
    font-family: Manrope, sans-serif;
    font-size: clamp(48px, 5vw, 72px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -2.6px;
}

.hero-new h1 em {
    position: relative;
    display: inline-block;
    color: var(--wine);
    font-family: "Playfair Display", serif;
    font-weight: 700;
}

.hero-new h1 em::after {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: -8px;
    height: 7px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--pink), rgba(223, 43, 135, 0));
}

.hero-new-copy > p {
    max-width: 620px;
    margin: 0 0 30px;
    color: #5d6f7d;
    font-size: 18px;
    line-height: 1.8;
}

.hero-new-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    margin-bottom: 34px;
}

.hero-new-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 24px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 800;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.hero-new-btn:hover {
    transform: translateY(-3px);
}

.hero-new-btn-primary {
    background: linear-gradient(135deg, var(--wine), var(--pink));
    color: #fff;
    box-shadow: 0 14px 32px rgba(133, 29, 66, .22);
}

.hero-new-btn-primary:hover {
    color: #fff;
    box-shadow: 0 18px 38px rgba(133, 29, 66, .3);
}

.hero-new-btn-whatsapp {
    border: 1px solid #dbe4ea;
    background: #fff;
    color: var(--navy);
    box-shadow: 0 12px 26px rgba(11, 48, 75, .07);
}

.hero-new-btn-whatsapp i {
    color: #20a967;
    font-size: 18px;
}

.hero-new-btn-whatsapp:hover {
    border-color: rgba(32, 169, 103, .28);
    color: var(--navy);
    box-shadow: 0 16px 34px rgba(11, 48, 75, .1);
}

.hero-new-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.hero-new-trust-item {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid #e5ebef;
    border-radius: 999px;
    background: rgba(255, 255, 255, .82);
    color: #617381;
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 7px 20px rgba(8, 44, 70, .05);
}

.hero-new-trust-item strong {
    color: var(--wine);
    font-size: 16px;
}

.hero-new-trust-item i {
    color: var(--blue);
    font-size: 15px;
}

/* HERO SAĞ GÖRSEL ALANI */

.hero-new-visual {
    position: relative;
}

.hero-new-image-frame {
    position: relative;
    min-height: 560px;
    overflow: hidden;
    border-radius: 36px 8px 36px 8px;
    background: #e9eef2;
    box-shadow: 0 34px 80px rgba(9, 43, 70, .18);
}

.hero-new-image-frame::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: inherit;
    pointer-events: none;
}

.hero-new-image-frame img {
    display: block;
    width: 100%;
    height: 560px;
    object-fit: cover;
    object-position: center;
    transition: transform .8s ease;
}

.hero-new-image-frame:hover img {
    transform: scale(1.025);
}

.hero-new-image-badge {
    position: absolute;
    z-index: 3;
    right: 24px;
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 17px;
    border: 1px solid rgba(255, 255, 255, .64);
    border-radius: 16px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 14px 35px rgba(5, 35, 57, .18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-new-image-badge-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--wine), var(--pink));
    color: #fff;
}

.hero-new-image-badge > span:last-child {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.hero-new-image-badge strong {
    color: var(--navy);
    font-size: 14px;
    letter-spacing: .7px;
}

.hero-new-image-badge small {
    margin-top: 2px;
    color: #748592;
    font-size: 10px;
}

/* TABLET */

@media (max-width: 1100px) {
    .hero-new {
        padding: 62px 0 72px;
    }

    .hero-new-grid {
        grid-template-columns: 1fr 1fr;
        gap: 38px;
    }

    .hero-new-image-frame,
    .hero-new-image-frame img {
        min-height: 470px;
        height: 470px;
    }
}

/* MOBİL */

@media (max-width: 900px) {
    .hero-new-grid {
        grid-template-columns: 1fr;
    }

    .hero-new-copy {
        order: 1;
        padding: 5px 0 0;
    }

    .hero-new-visual {
        order: 2;
    }

    .hero-new h1 {
        font-size: clamp(42px, 10vw, 58px);
    }

    .hero-new-image-frame,
    .hero-new-image-frame img {
        min-height: 440px;
        height: 440px;
    }
}

@media (max-width: 600px) {
    .hero-new {
        padding: 45px 0 58px;
    }

    .hero-new-eyebrow {
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .hero-new h1 {
        font-size: 41px;
        letter-spacing: -1.7px;
    }

    .hero-new-copy > p {
        font-size: 16px;
        line-height: 1.7;
    }

    .hero-new-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .hero-new-btn {
        width: 100%;
    }

    .hero-new-trust {
        gap: 8px;
    }

    .hero-new-trust-item {
        font-size: 11px;
    }

    .hero-new-image-frame {
        min-height: 330px;
        height: 330px;
        border-radius: 24px 6px 24px 6px;
    }

    .hero-new-image-frame img {
        min-height: 330px;
        height: 330px;
    }

    .hero-new-image-badge {
        right: 14px;
        bottom: 14px;
        padding: 10px 12px;
    }

    .hero-new-image-badge-icon {
        width: 36px;
        height: 36px;
    }
}


/* ============================================================
   07.08.2026 - HERO METİNLERİ, BÜYÜK FONTLAR VE GİRİŞ ANİMASYONU
   ============================================================ */

/* Site genelinde daha büyük ve rahat okunur yazılar */
body {
    font-size: 18px;
}

.main-nav a {
    font-size: 15px;
}

.topbar {
    font-size: 15px;
}

.section-head > span,
.mini-title {
    font-size: 14px;
}

.section-head h2,
.about-copy h2,
.corporate h2,
.video-note h2 {
    font-size: clamp(38px, 4vw, 54px);
}

.section-head p,
.about-copy p,
.corporate p,
.video-note p,
.cta-inner p {
    font-size: 18px;
    line-height: 1.8;
}

.service-body h3 {
    font-size: 24px;
}

.service-body p {
    font-size: 17px;
    line-height: 1.8;
}

.process-item h3 {
    font-size: 22px;
}

.process-item p {
    font-size: 17px;
    line-height: 1.75;
}

.footer p,
.footer a {
    font-size: 15px;
}

/* Hero'daki eski sloganların daha güçlü görünmesi */
.hero-new-eyebrow {
    font-size: 14px;
}

.hero-new h1 {
    font-size: clamp(54px, 5.4vw, 78px);
}

.hero-new-copy > p {
    font-size: 20px;
    line-height: 1.8;
}

.hero-new-btn {
    font-size: 15px;
}

.hero-new-trust-item {
    font-size: 13px;
}

/* Sayfa ilk açıldığında sol yazı ve sağ görsel karşılıklı gelir */
.hero-new-copy.reveal {
    opacity: 0;
    transform: translateX(-70px);
    transition:
        opacity .95s cubic-bezier(.22, 1, .36, 1),
        transform .95s cubic-bezier(.22, 1, .36, 1);
}

.hero-new-visual.reveal {
    opacity: 0;
    transform: translateX(70px) scale(.97);
    transition:
        opacity 1.05s cubic-bezier(.22, 1, .36, 1) .12s,
        transform 1.05s cubic-bezier(.22, 1, .36, 1) .12s;
}

.hero-new-copy.reveal.visible,
.hero-new-visual.reveal.visible {
    opacity: 1;
    transform: translateX(0) scale(1);
}

.hero-new-visual.reveal.visible .hero-new-image-frame img {
    animation: pakelHeroImageEntrance 1.35s cubic-bezier(.22, 1, .36, 1) both;
}

@keyframes pakelHeroImageEntrance {
    from {
        transform: scale(1.08);
    }

    to {
        transform: scale(1);
    }
}

@media (max-width: 900px) {
    .hero-new h1 {
        font-size: clamp(44px, 10vw, 62px);
    }

    .hero-new-copy.reveal {
        transform: translateY(34px);
    }

    .hero-new-visual.reveal {
        transform: translateY(38px) scale(.98);
    }

    .hero-new-copy.reveal.visible,
    .hero-new-visual.reveal.visible {
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 600px) {
    body {
        font-size: 17px;
    }

    .hero-new h1 {
        font-size: 44px;
        letter-spacing: -1.8px;
    }

    .hero-new-copy > p {
        font-size: 18px;
    }

    .section-head h2,
    .about-copy h2,
    .corporate h2,
    .video-note h2 {
        font-size: 36px;
    }

    .section-head p,
    .about-copy p,
    .corporate p,
    .video-note p,
    .cta-inner p,
    .service-body p,
    .process-item p {
        font-size: 16px;
    }
}

/* Hareket azaltma tercihi olan ziyaretçiler için */
@media (prefers-reduced-motion: reduce) {
    .hero-new-copy.reveal,
    .hero-new-visual.reveal,
    .hero-new-visual.reveal.visible .hero-new-image-frame img {
        animation: none;
        transition: none;
        opacity: 1;
        transform: none;
    }
}

/* =========================================================
   YENI HTML SLIDER - PAK-EL / NAVBAR AYNI KALDI
   ========================================================= */

.hero-html-slider {
    position: relative;
    overflow: hidden;
    padding: 42px 0 26px;
    background:
        radial-gradient(circle at top left, rgba(240, 111, 160, 0.18), transparent 34%),
        radial-gradient(circle at right center, rgba(255, 196, 221, 0.42), transparent 36%),
        linear-gradient(180deg, #fff8fb 0%, #fff4f8 48%, #ffffff 100%);
}

.hero-html-bg-shape {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}

.hero-html-bg-shape-one {
    top: -160px;
    left: -110px;
    width: 340px;
    height: 340px;
    background: rgba(227, 56, 116, 0.10);
    filter: blur(8px);
}

.hero-html-bg-shape-two {
    right: -120px;
    bottom: -140px;
    width: 360px;
    height: 360px;
    background: rgba(255, 185, 210, 0.26);
    filter: blur(10px);
}

.hero-html-slider-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
    gap: 34px;
    align-items: start;
}

.hero-html-slider-left,
.hero-html-slider-right {
    animation: pakelHeroFadeUp 0.85s ease both;
}

.hero-html-slider-left {
    animation-delay: 0.08s;
}

.hero-html-slider-right {
    animation-delay: 0.22s;
}

.hero-html-logo-row {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding: 10px 16px 10px 10px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(217, 70, 122, 0.14);
    border-radius: 18px;
    box-shadow: 0 14px 38px rgba(68, 21, 44, 0.08);
    margin-bottom: 22px;
}

.hero-html-logo-row img {
    width: 74px;
    height: 74px;
    object-fit: cover;
    border-radius: 14px;
}

.hero-html-logo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.hero-html-logo-text strong {
    color: #a81b53;
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.hero-html-logo-text span {
    color: #4e2540;
    font-size: 0.96rem;
    font-weight: 700;
}

.hero-html-mini-title {
    display: inline-block;
    margin-bottom: 12px;
    color: #c02f6c;
    font-size: 0.95rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.10em;
}

.hero-html-slider-left h1 {
    margin: 0 0 14px;
    color: #2e1730;
    font-size: clamp(2.1rem, 4vw, 3.6rem);
    line-height: 1.08;
    font-weight: 800;
}

.hero-html-slider-left h1 em {
    color: #d23873;
    font-style: normal;
}

.hero-html-slider-left p {
    max-width: 670px;
    margin: 0 0 22px;
    color: #5a4557;
    font-size: 1.08rem;
    line-height: 1.75;
}

.hero-html-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 22px;
}

.hero-html-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 54px;
    padding: 0 22px;
    border-radius: 999px;
    font-size: 0.98rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease, color 0.28s ease;
}

.hero-html-btn:hover {
    transform: translateY(-3px);
    text-decoration: none;
}

.hero-html-btn-primary {
    background: linear-gradient(135deg, #e24482, #b91f5a);
    color: #ffffff;
    box-shadow: 0 16px 32px rgba(185, 31, 90, 0.25);
}

.hero-html-btn-primary:hover,
.hero-html-btn-primary:focus {
    color: #ffffff;
    box-shadow: 0 20px 34px rgba(185, 31, 90, 0.32);
}

.hero-html-btn-secondary {
    background: #ffffff;
    color: #a61e54;
    border: 1px solid rgba(166, 30, 84, 0.18);
    box-shadow: 0 12px 26px rgba(81, 22, 49, 0.10);
}

.hero-html-btn-secondary:hover,
.hero-html-btn-secondary:focus {
    color: #a61e54;
    box-shadow: 0 18px 32px rgba(81, 22, 49, 0.14);
}

.hero-html-btn-ghost {
    background: rgba(255, 237, 244, 0.85);
    color: #7b2350;
    border: 1px solid rgba(217, 70, 122, 0.15);
}

.hero-html-btn-ghost:hover,
.hero-html-btn-ghost:focus {
    color: #7b2350;
}

.hero-html-service-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.hero-html-service-pills span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 15px;
    background: rgba(255, 255, 255, 0.88);
    color: #6d3552;
    border: 1px solid rgba(217, 70, 122, 0.12);
    border-radius: 999px;
    font-size: 0.92rem;
    font-weight: 700;
}

.hero-html-compare-wrap {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    transform: translateY(-12px);
}

.hero-html-compare-card {
    position: relative;
    background: #ffffff;
    border-radius: 26px;
    padding: 18px;
    box-shadow: 0 20px 45px rgba(75, 28, 49, 0.12);
    border: 1px solid rgba(217, 70, 122, 0.10);
}

.hero-html-compare-label {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 96px;
    padding: 7px 16px;
    border-radius: 999px;
    font-size: 0.95rem;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.before-label {
    background: linear-gradient(135deg, #ed507f, #cd244f);
}

.after-label {
    background: linear-gradient(135deg, #47bf61, #2a9342);
}

.hero-html-compare-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 18px;
    display: block;
    margin-top: 18px;
}

.hero-html-compare-arrow {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #e44482, #b71f58);
    color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 16px 32px rgba(183, 31, 88, 0.26);
    font-size: 1.9rem;
}

.hero-html-process-card {
    position: relative;
    padding: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,248,251,0.98));
    border-radius: 32px;
    border: 1px solid rgba(217, 70, 122, 0.12);
    box-shadow: 0 24px 50px rgba(70, 30, 46, 0.12);
}

.hero-html-process-card img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
    display: block;
}

.hero-html-process-badge {
    position: absolute;
    left: 34px;
    right: 34px;
    bottom: 34px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 18px;
    border: 1px solid rgba(217, 70, 122, 0.14);
    color: #5b3750;
    box-shadow: 0 12px 28px rgba(76, 28, 50, 0.10);
}

.hero-html-process-badge i {
    color: #d23974;
    font-size: 1.32rem;
}

.hero-html-process-badge span {
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.5;
}

.hero-html-contact-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.hero-html-contact-strip div {
    padding: 16px 18px;
    background: rgba(255, 255, 255, 0.94);
    border-radius: 20px;
    border: 1px solid rgba(217, 70, 122, 0.12);
    box-shadow: 0 14px 30px rgba(82, 29, 49, 0.08);
}

.hero-html-contact-strip small {
    display: block;
    margin-bottom: 4px;
    color: #b22f68;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hero-html-contact-strip strong {
    color: #3e2237;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.4;
}

@keyframes pakelHeroFadeUp {
    0% {
        opacity: 0;
        transform: translateY(26px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1199.98px) {
    .hero-html-slider-grid {
        grid-template-columns: 1fr;
    }

    .hero-html-process-card img {
        height: 540px;
    }
}

@media (max-width: 991.98px) {
    .hero-html-slider {
        padding: 34px 0 18px;
    }

    .hero-html-compare-wrap {
        grid-template-columns: 1fr;
        gap: 14px;
        transform: translateY(0);
    }

    .hero-html-compare-arrow {
        margin: 0 auto;
        transform: rotate(90deg);
    }

    .hero-html-process-card img {
        height: 450px;
    }
}

@media (max-width: 767.98px) {
    .hero-html-logo-row {
        width: 100%;
        justify-content: center;
    }

    .hero-html-slider-left h1 {
        font-size: 2rem;
    }

    .hero-html-slider-left p {
        font-size: 1rem;
        line-height: 1.65;
    }

    .hero-html-buttons {
        flex-direction: column;
    }

    .hero-html-btn {
        width: 100%;
    }

    .hero-html-service-pills {
        gap: 8px;
    }

    .hero-html-service-pills span {
        font-size: 0.85rem;
    }

    .hero-html-compare-card {
        padding: 14px;
        border-radius: 22px;
    }

    .hero-html-compare-card img {
        height: 220px;
    }

    .hero-html-process-card {
        padding: 12px;
        border-radius: 24px;
    }

    .hero-html-process-card img {
        height: 320px;
        border-radius: 18px;
    }

    .hero-html-process-badge {
        position: static;
        margin-top: 12px;
    }

    .hero-html-contact-strip {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   PAK-EL EK DÜZENLEMELERİ
   - Yorgan Yıkama özel bölümü
   - Mobil slider sağ/sol sıralaması
   ========================================================= */

.quilt-feature {
    padding: 88px 0;
    background: linear-gradient(180deg, #fff 0%, #fff7fb 100%);
}

.quilt-feature-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 54px;
    align-items: center;
}

.quilt-feature-image {
    position: relative;
    padding: 14px;
    background: #fff;
    border: 1px solid rgba(217, 70, 122, 0.12);
    border-radius: 30px;
    box-shadow: 0 22px 50px rgba(82, 29, 49, 0.10);
}

.quilt-feature-image img {
    display: block;
    width: 100%;
    height: 440px;
    object-fit: cover;
    border-radius: 22px;
}

.quilt-feature-badge {
    position: absolute;
    left: 32px;
    bottom: 32px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 18px;
    color: #fff;
    background: linear-gradient(135deg, #e44482, #b71f58);
    border-radius: 999px;
    font-weight: 800;
    box-shadow: 0 12px 26px rgba(183, 31, 88, 0.24);
}

.quilt-feature-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
    color: #b82e68;
    font-size: 0.88rem;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.quilt-feature-content h2 {
    margin: 0 0 18px;
    color: #3e2237;
    font-size: clamp(2rem, 3.5vw, 3.1rem);
    line-height: 1.12;
    font-weight: 800;
}

.quilt-feature-content h2 em {
    display: block;
    color: #d23974;
    font-style: normal;
}

.quilt-feature-content p {
    margin-bottom: 24px;
    color: #725b6b;
    font-size: 1.04rem;
    line-height: 1.8;
}

.quilt-feature-points {
    display: grid;
    gap: 10px;
    margin-bottom: 26px;
}

.quilt-feature-points span {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #53374a;
    font-weight: 700;
}

.quilt-feature-points i {
    color: #d23974;
}

.quilt-feature-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    color: #fff;
    background: linear-gradient(135deg, #e44482, #b71f58);
    border-radius: 999px;
    font-weight: 800;
    box-shadow: 0 14px 30px rgba(183, 31, 88, 0.20);
}

.quilt-feature-btn:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
}

@media (max-width: 991.98px) {
    .quilt-feature-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

@media (max-width: 767.98px) {
    /* Sadece telefon görünümünde slider sağ-sol sırası değiştirilir.
       Masaüstü HTML/CSS düzenine dokunulmaz. */
    .hero-html-slider-grid {
        display: flex;
        flex-direction: column;
    }

    .hero-html-slider-right {
        order: 1;
        width: 100%;
    }

    .hero-html-slider-left {
        order: 2;
        width: 100%;
    }

    .quilt-feature {
        padding: 58px 0;
    }

    .quilt-feature-image img {
        height: 300px;
    }

    .quilt-feature-badge {
        left: 24px;
        bottom: 24px;
    }

    .quilt-feature-content h2 {
        font-size: 2rem;
    }
}

/* =========================================================
   SLIDER GÖRSEL KARTI V2
   Ana görsel + Öncesi/Sonrası aynı kartta
   ========================================================= */
.hero-html-visual-card {
    overflow: hidden;
    animation: pakelVisualFloat 5.5s ease-in-out infinite;
    transform-origin: center center;
}

.hero-html-main-photo {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
}

.hero-html-main-photo > img {
    width: 100%;
    height: 470px;
    object-fit: cover;
    object-position: center;
    border-radius: 24px;
    display: block;
    animation: pakelPhotoZoom 9s ease-in-out infinite alternate;
}

.hero-html-photo-shine {
    position: absolute;
    top: -20%;
    left: -55%;
    width: 32%;
    height: 145%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
    transform: rotate(12deg);
    animation: pakelShine 6.5s ease-in-out infinite 1.2s;
    pointer-events: none;
}

.hero-html-before-after {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin-top: 14px;
}

.hero-html-mini-photo {
    position: relative;
    overflow: hidden;
    padding: 6px;
    background: #fff;
    border: 1px solid rgba(217, 70, 122, 0.12);
    border-radius: 18px;
    box-shadow: 0 14px 28px rgba(75, 28, 49, 0.11);
}

.hero-html-mini-photo img {
    width: 100%;
    height: 145px;
    object-fit: cover;
    display: block;
    border-radius: 13px;
}

.hero-html-mini-before {
    animation: pakelMiniFromLeft .9s cubic-bezier(.22,.9,.3,1) .45s both;
}

.hero-html-mini-after {
    animation: pakelMiniFromRight .9s cubic-bezier(.22,.9,.3,1) .7s both;
}

.hero-html-before-after-arrow {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #e44482, #b71f58);
    color: #fff;
    font-size: 1.35rem;
    box-shadow: 0 12px 24px rgba(183, 31, 88, .23);
    animation: pakelArrowPulse 2.1s ease-in-out infinite;
}

.hero-html-mini-photo .hero-html-compare-label {
    top: 12px;
    left: 12px;
    min-width: 78px;
    padding: 6px 12px;
    font-size: .78rem;
}

.hero-html-visual-card .hero-html-process-badge {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    margin-top: 14px;
}

@keyframes pakelVisualFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes pakelPhotoZoom {
    0% { transform: scale(1); }
    100% { transform: scale(1.035); }
}

@keyframes pakelShine {
    0%, 68% { left: -55%; opacity: 0; }
    72% { opacity: 1; }
    92% { left: 125%; opacity: .75; }
    100% { left: 125%; opacity: 0; }
}

@keyframes pakelMiniFromLeft {
    from { opacity: 0; transform: translateX(-28px) scale(.96); }
    to { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes pakelMiniFromRight {
    from { opacity: 0; transform: translateX(28px) scale(.96); }
    to { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes pakelArrowPulse {
    0%, 100% { transform: scale(1); box-shadow: 0 12px 24px rgba(183, 31, 88, .23); }
    50% { transform: scale(1.08); box-shadow: 0 16px 30px rgba(183, 31, 88, .31); }
}

@media (max-width: 1199.98px) {
    .hero-html-main-photo > img { height: 430px; }
}

@media (max-width: 767.98px) {
    .hero-html-visual-card { animation-duration: 6.5s; }

    .hero-html-main-photo > img {
        height: 300px;
        animation: none;
    }

    .hero-html-before-after {
        grid-template-columns: minmax(0,1fr) 42px minmax(0,1fr);
        gap: 7px;
    }

    .hero-html-mini-photo img { height: 112px; }

    .hero-html-before-after-arrow {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }

    .hero-html-mini-photo .hero-html-compare-label {
        min-width: auto;
        padding: 5px 8px;
        font-size: .68rem;
        top: 9px;
        left: 9px;
    }

    .hero-html-visual-card .hero-html-process-badge {
        padding: 13px 14px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-html-visual-card,
    .hero-html-main-photo > img,
    .hero-html-photo-shine,
    .hero-html-mini-before,
    .hero-html-mini-after,
    .hero-html-before-after-arrow {
        animation: none !important;
    }
}

/* =========================================================
   HERO V3 — İlk ekranda ana görsel + ÖNCESİ / SONRASI görünür
   Masaüstü daha ferah, kart daha kısa ve dengeli.
   ========================================================= */
@media (min-width: 1200px) {
    .hero-html-slider {
        padding: 26px 0 22px;
        min-height: calc(100vh - 128px);
        display: flex;
        align-items: center;
    }

    .hero-html-slider-grid {
        grid-template-columns: minmax(0, 0.92fr) minmax(430px, 0.82fr);
        gap: 48px;
        align-items: center;
    }

    .hero-html-slider-left {
        padding: 8px 0;
    }

    .hero-html-mini-title { margin-bottom: 10px; }

    .hero-html-slider-left h1 {
        font-size: clamp(2.55rem, 3.7vw, 3.45rem);
        margin-bottom: 12px;
    }

    .hero-html-slider-left p {
        max-width: 610px;
        margin-bottom: 18px;
        line-height: 1.65;
    }

    .hero-html-buttons { margin-bottom: 0; }

    .hero-html-process-card {
        padding: 14px;
        border-radius: 28px;
    }

    .hero-html-main-photo > img {
        height: 285px;
        border-radius: 20px;
    }

    .hero-html-main-photo { border-radius: 20px; }

    .hero-html-before-after {
        margin-top: 10px;
        grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr);
        gap: 8px;
    }

    .hero-html-mini-photo { padding: 5px; border-radius: 15px; }
    .hero-html-mini-photo img { height: 105px; border-radius: 11px; }

    .hero-html-before-after-arrow {
        width: 40px;
        height: 40px;
        font-size: 1.1rem;
    }

    .hero-html-mini-photo .hero-html-compare-label {
        top: 9px;
        left: 9px;
        min-width: 70px;
        padding: 5px 10px;
        font-size: .7rem;
    }

    .hero-html-visual-card .hero-html-process-badge {
        margin-top: 10px;
        padding: 10px 13px;
        border-radius: 14px;
    }

    .hero-html-process-badge span { font-size: .86rem; line-height: 1.35; }
}

/* Daha sakin ve profesyonel giriş hareketi */
.hero-html-slider-left {
    animation: pakelHeroLeftIn .8s cubic-bezier(.2,.8,.2,1) both;
}
.hero-html-slider-right {
    animation: pakelHeroRightIn .9s cubic-bezier(.2,.8,.2,1) .12s both;
}
@keyframes pakelHeroLeftIn {
    from { opacity: 0; transform: translateX(-24px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes pakelHeroRightIn {
    from { opacity: 0; transform: translateX(28px) scale(.98); }
    to { opacity: 1; transform: translateX(0) scale(1); }
}

/* ===== PAK-EL FINAL PREMIUM REVIZYON ===== */
.carpet-types{background:linear-gradient(180deg,#fff 0%,#fff8fc 100%);position:relative;overflow:hidden}
.carpet-types:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(224,84,153,.07);right:-180px;top:-170px;filter:blur(8px)}
.carpet-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.premium-rug-card{height:390px;border-radius:26px;box-shadow:0 18px 45px rgba(47,42,46,.12);border:1px solid rgba(224,84,153,.12);background:#fff}
.premium-rug-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.premium-rug-card:after{background:linear-gradient(180deg,transparent 35%,rgba(20,18,20,.88) 100%)}
.premium-rug-card>div{padding:24px;transform:translateY(4px);transition:.35s ease}
.premium-rug-card>div>span{display:inline-flex;background:rgba(255,255,255,.94);color:#d84f92;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:10px}
.premium-rug-card h3{font-size:1.42rem;color:#fff;margin:0 0 7px}
.premium-rug-card p{color:rgba(255,255,255,.86);margin:0;line-height:1.55}
.premium-rug-card:hover img{transform:scale(1.07)}
.premium-rug-card:hover>div{transform:translateY(-4px)}
.quilt-feature-image{min-height:470px;overflow:hidden;background:#111}
.quilt-loop-video{width:100%;height:100%;min-height:470px;object-fit:cover;display:block}
.video-section{padding:100px 0;background:linear-gradient(135deg,#241f23 0%,#3a3037 100%);color:#fff}
.video-section .section-head h2,.video-section .section-head p{color:#fff}
.video-section .section-head span{color:#ff8fc4}
.real-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:38px}
.real-video-card{position:relative;border-radius:24px;overflow:hidden;background:#111;min-height:410px;box-shadow:0 20px 55px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12)}
.real-video-card video{width:100%;height:410px;object-fit:cover;display:block;transition:transform .5s ease}
.real-video-card:hover video{transform:scale(1.035)}
.real-video-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82));pointer-events:none}
.real-video-card>div{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;display:grid;gap:4px}
.real-video-card i{font-size:28px;color:#ff79b9;margin-bottom:5px}.real-video-card strong{font-size:17px;color:#fff}.real-video-card small{color:rgba(255,255,255,.7)}
@media(max-width:991px){.carpet-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.real-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.carpet-type-grid{grid-template-columns:1fr;gap:16px}.premium-rug-card{height:330px}.real-video-grid{grid-template-columns:1fr}.real-video-card,.real-video-card video{height:360px;min-height:360px}.video-section{padding:72px 0}.quilt-feature-image,.quilt-loop-video{min-height:360px}}
/* ===== PAK-EL WOW REVISION 2026-08 ===== */
.hero-wow{position:relative;overflow:hidden;min-height:650px;padding:72px 0 64px;background:linear-gradient(125deg,#fff 0%,#fff7fb 46%,#f5fbff 100%)}
.hero-wow:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(222,72,137,.10) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to right,black,transparent 58%)}
.hero-wow-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55}.orb-a{width:420px;height:420px;background:#ffd8e8;right:-120px;top:-160px}.orb-b{width:250px;height:250px;background:#dff3ff;left:-90px;bottom:-110px}
.hero-wow-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.hero-wow-copy{padding:18px 0}.hero-wow-kicker{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:2px;color:#b73570}.hero-wow-kicker span{width:34px;height:2px;background:#e34d91}.hero-wow h1{font-size:62px;line-height:1.02;letter-spacing:-2.7px;margin:20px 0 22px;color:#26252b;font-weight:800}.hero-wow h1 strong{font-weight:800}.hero-wow h1 em{font-style:normal;color:#d94284}.hero-wow-copy>p{max-width:570px;font-size:17px;line-height:1.75;color:#686873}.hero-wow-actions{display:flex;gap:12px;margin:28px 0 24px}.hero-wow-actions a{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:14px;font-weight:700;box-shadow:0 12px 30px rgba(40,40,60,.10)}.wow-call{background:linear-gradient(135deg,#df4388,#bf2f70);color:white!important}.wow-wa{background:white;color:#2d8d60!important;border:1px solid #e7e7ec}.hero-wow-trust{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;font-weight:700;color:#666}.hero-wow-trust i{color:#df4388;margin-right:5px}
.hero-wow-stage{position:relative;min-height:510px}.hero-wow-video{position:absolute;right:0;top:0;width:72%;height:455px;border-radius:34px;overflow:hidden;background:#111;box-shadow:0 28px 70px rgba(42,37,57,.22);border:8px solid rgba(255,255,255,.92);transform:rotate(1deg)}.hero-wow-video video{width:100%;height:100%;object-fit:cover}.hero-wow-video:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(17,17,25,.55),transparent 45%)}.video-caption{position:absolute;z-index:2;left:22px;bottom:20px;color:white;display:flex;gap:10px;align-items:center}.video-caption i{font-size:28px;color:#ff7db6}.video-caption span{display:flex;flex-direction:column}.video-caption small{opacity:.78}.hero-wow-compare{position:absolute;z-index:4;left:0;bottom:0;width:58%;padding:10px;background:white;border-radius:24px;box-shadow:0 22px 55px rgba(43,35,55,.22);display:grid;grid-template-columns:1fr 34px 1fr;align-items:center;gap:5px}.hero-wow-compare>div{height:145px;position:relative;overflow:hidden;border-radius:16px}.hero-wow-compare img{width:100%;height:100%;object-fit:cover}.hero-wow-compare span{position:absolute;z-index:2;left:8px;top:8px;background:#e34d91;color:#fff;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:900;letter-spacing:1px}.hero-wow-compare span.after{background:#4aa879}.hero-wow-compare>i{text-align:center;color:#dc4384;font-size:19px}.hero-wow-badge{position:absolute;z-index:5;right:-8px;top:44px;width:92px;height:92px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 15px 35px rgba(55,40,65,.18);border:1px solid #f4d4e2}.hero-wow-badge b{font-size:27px;color:#d53e80}.hero-wow-badge span{font-size:9px;line-height:1.2;font-weight:800;color:#555;text-transform:uppercase}
.service-card{border:1px solid #f0e5eb!important;box-shadow:0 14px 35px rgba(60,45,65,.08)!important;transition:.35s ease!important}.service-card:hover{transform:translateY(-9px)!important;box-shadow:0 24px 55px rgba(210,61,128,.15)!important}.service-image{height:220px!important;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:.55s ease}.service-card:hover .service-image img{transform:scale(1.06)}.service-body .icon{background:#fff0f6!important;color:#d93e80!important;box-shadow:0 8px 22px rgba(217,62,128,.12)}
.quilt-feature-image{overflow:hidden!important;background:#f9eef4!important}.quilt-loop-video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.quilt-feature-badge{background:linear-gradient(135deg,#e2488d,#c53273)!important;color:#fff!important}
.about-image-main img,.about-image-small img{object-fit:cover!important}.feature-list>div{border:1px solid #f2e3ea;border-radius:16px;padding:14px!important;background:#fff}.feature-list i{color:#dc4385!important;background:#fff0f6;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.footer .fa,.footer i{color:#e04a8c}.footer a:hover{color:#e04a8c!important}.cta-band{background:linear-gradient(120deg,#c92f73,#e85b9a)!important}
@media(max-width:991px){.hero-wow{padding:42px 0 50px}.hero-wow-grid{grid-template-columns:1fr;gap:28px}.hero-wow-copy{text-align:center}.hero-wow-kicker,.hero-wow-actions,.hero-wow-trust{justify-content:center}.hero-wow-copy>p{margin-left:auto;margin-right:auto}.hero-wow h1{font-size:48px}.hero-wow-stage{min-height:500px;max-width:620px;width:100%;margin:auto}.hero-wow-video{width:82%;height:390px}.hero-wow-compare{width:64%}}
@media(max-width:600px){.hero-wow{padding-top:28px}.hero-wow h1{font-size:39px;letter-spacing:-1.6px}.hero-wow-copy>p{font-size:15px}.hero-wow-actions a{padding:12px 15px;font-size:13px}.hero-wow-trust{gap:8px 12px}.hero-wow-stage{min-height:430px}.hero-wow-video{width:90%;height:335px;right:0;border-radius:25px;border-width:6px}.hero-wow-compare{width:74%;bottom:5px;padding:7px;border-radius:18px}.hero-wow-compare>div{height:105px}.hero-wow-badge{width:74px;height:74px;right:-2px;top:26px}.hero-wow-badge b{font-size:21px}.service-image{height:205px!important}}

/* ===== PAK-EL FOTOĞRAFLI HERO V5 - VIDEO YOK ===== */
.pakel-photo-hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;background:#171217;color:#fff}
.pakel-photo-bg{position:absolute;inset:0;background-image:url('../images/slider-yikama.jpg');background-size:cover;background-position:center 42%;transform:scale(1.03);animation:pakelPhotoZoom 12s ease-in-out infinite alternate}
.pakel-photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,15,20,.94) 0%,rgba(32,20,28,.82) 40%,rgba(24,16,22,.28) 68%,rgba(24,16,22,.18) 100%)}
.pakel-photo-shade:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(224,84,153,.20),transparent 42%)}
.pakel-photo-inner{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);align-items:center;gap:65px;padding-top:72px;padding-bottom:72px}
.pakel-photo-copy{max-width:650px;animation:pakelCopyIn .8s ease both}
.pakel-photo-kicker{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;letter-spacing:.16em;color:#ffd5e9;margin-bottom:20px}.pakel-photo-kicker i{color:#ff73b6}
.pakel-photo-copy h1{font-size:clamp(54px,6vw,88px);line-height:.91;letter-spacing:-.055em;margin:0 0 25px;font-weight:800;color:#fff;text-shadow:0 8px 35px rgba(0,0,0,.22)}
.pakel-photo-copy h1 span{color:#ff74b7}.pakel-photo-copy h1 em{font-style:normal;font-weight:300;letter-spacing:-.035em}
.pakel-photo-copy>p{font-size:18px;line-height:1.7;max-width:540px;color:rgba(255,255,255,.88);margin:0 0 28px}
.pakel-photo-actions{display:flex;gap:12px;flex-wrap:wrap}.pakel-photo-actions a{display:inline-flex;align-items:center;gap:9px;padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none;transition:.25s ease}.pakel-photo-call{background:#e45499;color:#fff!important;box-shadow:0 12px 28px rgba(224,84,153,.32)}.pakel-photo-wa{background:rgba(255,255,255,.94);color:#252025!important}.pakel-photo-actions a:hover{transform:translateY(-3px)}
.pakel-photo-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pakel-photo-pills span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:8px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.pakel-photo-pills i{color:#ff86bf}
.pakel-photo-result{justify-self:end;width:min(100%,520px);padding:18px;border-radius:30px;background:rgba(255,255,255,.92);box-shadow:0 30px 80px rgba(0,0,0,.32);backdrop-filter:blur(12px);animation:pakelResultIn .9s .12s ease both}
.pakel-result-title{display:flex;justify-content:space-between;align-items:end;padding:3px 5px 15px;color:#2a2428}.pakel-result-title small{font-size:10px;letter-spacing:.17em;color:#d84f92;font-weight:900}.pakel-result-title b{font-size:18px}
.pakel-result-pair{display:grid;grid-template-columns:1fr 42px 1fr;gap:8px;align-items:center}.pakel-result-pair figure{position:relative;margin:0;height:330px;border-radius:20px;overflow:hidden;background:#eee}.pakel-result-pair img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.pakel-result-pair figure:hover img{transform:scale(1.045)}.pakel-result-pair figcaption{position:absolute;left:12px;bottom:12px;background:rgba(27,21,25,.82);color:#fff;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:900;letter-spacing:.12em}.pakel-result-pair figure:last-child figcaption{background:#e45499}
.pakel-result-arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e45499;color:#fff;box-shadow:0 8px 20px rgba(224,84,153,.28);z-index:2}
.pakel-photo-scroll{position:absolute;z-index:3;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.68)}.pakel-photo-scroll span{width:30px;height:1px;background:#ff7fbc}
@keyframes pakelPhotoZoom{to{transform:scale(1.09)}}@keyframes pakelCopyIn{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}@keyframes pakelResultIn{from{opacity:0;transform:translateX(35px) rotate(1deg)}to{opacity:1;transform:none}}
@media(max-width:991px){.pakel-photo-hero{min-height:auto}.pakel-photo-inner{grid-template-columns:1fr;gap:30px;padding-top:75px;padding-bottom:70px}.pakel-photo-shade{background:linear-gradient(180deg,rgba(22,15,20,.90),rgba(22,15,20,.70))}.pakel-photo-result{justify-self:stretch;width:100%}.pakel-result-pair figure{height:260px}.pakel-photo-copy h1{font-size:58px}.pakel-photo-scroll{display:none}}
@media(max-width:575px){.pakel-photo-inner{padding-top:58px;padding-bottom:45px}.pakel-photo-copy h1{font-size:46px}.pakel-photo-copy>p{font-size:15px}.pakel-photo-actions a{padding:12px 17px}.pakel-photo-result{padding:11px;border-radius:22px}.pakel-result-title{padding:3px 3px 10px}.pakel-result-pair{grid-template-columns:1fr 30px 1fr;gap:4px}.pakel-result-pair figure{height:185px;border-radius:14px}.pakel-result-arrow{width:30px;height:30px;font-size:12px}.pakel-result-pair figcaption{left:7px;bottom:7px;padding:5px 8px;font-size:8px}}

/* ===== V6 ALT BÖLÜMLER PREMIUM REVİZYON ===== */
.quick-services{background:linear-gradient(180deg,#fff 0%,#fff8fb 100%)}
.service-grid{gap:24px!important}
.service-card{border-radius:24px!important;overflow:hidden!important;background:#fff!important;border:1px solid #f4dce8!important;box-shadow:0 16px 42px rgba(72,40,57,.08)!important}
.service-card:hover{transform:translateY(-10px)!important;box-shadow:0 28px 64px rgba(213,56,125,.17)!important;border-color:#efbad1!important}
.service-image{height:245px!important;position:relative!important;background:#f6edf1!important}
.service-image:after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(transparent,rgba(34,20,28,.26));pointer-events:none}
.service-image img{filter:saturate(.94) contrast(1.03);object-position:center!important}
.service-image>span{z-index:2!important;background:rgba(255,255,255,.94)!important;color:#d83f80!important;border:1px solid rgba(216,63,128,.16)!important;box-shadow:0 8px 22px rgba(45,25,35,.12)!important}
.service-body{padding:28px 28px 30px!important}
.service-body .icon{width:52px!important;height:52px!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:20px!important;background:linear-gradient(135deg,#fff0f6,#ffe4ef)!important;color:#d83f80!important}
.service-body h3{font-size:22px!important;margin-top:15px!important}.service-body p{color:#71636b!important;line-height:1.7!important}
.service-body a{color:#c93475!important;font-weight:800!important}.service-body a i{transition:.25s}.service-body a:hover i{transform:translateX(5px)}

.quilt-feature{background:linear-gradient(135deg,#fff8fb 0%,#fff 55%,#fff0f6 100%)!important;position:relative;overflow:hidden}
.quilt-feature:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(226,72,141,.08);right:-130px;top:-130px}
.quilt-feature-grid{border:1px solid #f0d9e4!important;border-radius:30px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 25px 70px rgba(78,42,60,.10)!important}
.quilt-feature-image{min-height:500px!important;border-radius:0!important}.quilt-loop-video{transform:scale(1.02);object-position:center center!important}
.quilt-feature-content{padding:55px!important}.quilt-feature-kicker{color:#d83f80!important;background:#fff0f6!important;padding:9px 14px!important;border-radius:999px!important;display:inline-flex!important;gap:7px!important}
.quilt-feature-points span{background:#fff7fa!important;border:1px solid #f4d9e5!important;border-radius:14px!important;padding:11px 14px!important}.quilt-feature-points i{color:#d83f80!important}
.quilt-feature-btn{background:linear-gradient(135deg,#df4788,#bf2e6d)!important;box-shadow:0 14px 28px rgba(208,54,120,.22)!important}

.about-strip{background:linear-gradient(180deg,#fff 0%,#fff9fb 100%)!important}.about-image-main,.about-image-small{overflow:hidden!important;border-radius:26px!important;box-shadow:0 20px 55px rgba(50,32,41,.14)!important}.about-image-main img,.about-image-small img{width:100%;height:100%;object-fit:cover!important}.about-image-main img{object-position:center!important}.about-image-small img{object-position:center!important}
.feature-list>div{background:#fff!important;border:1px solid #f1dde6!important;border-radius:18px!important;padding:16px!important;transition:.3s!important}.feature-list>div:hover{transform:translateY(-4px);border-color:#eeb6ce!important;box-shadow:0 12px 28px rgba(211,57,123,.09)}.feature-list>div>i{color:#d83f80!important;background:#fff0f6!important;width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}

.process-section{background:#fff!important}.process-icon{background:linear-gradient(135deg,#fff0f6,#ffe2ee)!important;color:#d83f80!important;box-shadow:0 12px 30px rgba(213,57,123,.13)!important}.process-item b{color:#e9a7c3!important}.process-item:hover .process-icon{transform:translateY(-5px) rotate(-3deg)}

.gallery-strip figure:after{background:linear-gradient(transparent,rgba(32,17,24,.66))!important}.gallery-strip img{filter:saturate(.95)!important}

.pink-info-strip{padding:34px 0;background:linear-gradient(135deg,#fff3f8,#fff 50%,#fceaf2);border-top:1px solid #f3dbe5;border-bottom:1px solid #f3dbe5}.pink-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pink-info-item{display:flex;align-items:center;gap:14px;background:#fff;padding:18px;border-radius:18px;border:1px solid #f2dce6;box-shadow:0 10px 28px rgba(70,39,53,.06);transition:.3s}.pink-info-item:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(211,57,123,.12)}.pink-info-item>i{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffeaf3,#ffd8e9);color:#d43b7c;font-size:20px}.pink-info-item span{display:flex;flex-direction:column}.pink-info-item strong{font-size:14px;color:#30242a}.pink-info-item small{font-size:12px;color:#8a7881;margin-top:3px}
.footer{background:linear-gradient(145deg,#211a1e,#33232b)!important;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(219,61,128,.12);right:-120px;top:-160px}.footer h3{color:#fff!important}.footer h3:after{content:"";display:block;width:34px;height:3px;background:#dd4385;border-radius:9px;margin-top:10px}.footer p,.footer a{color:#d8cbd1!important}.footer p i{color:#e45b96!important;margin-right:7px}.footer a:hover{color:#ff80b5!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.10)!important}.footer-bottom a{color:#ff76ae!important}

@media(max-width:991px){.pink-info-grid{grid-template-columns:repeat(2,1fr)}.quilt-feature-content{padding:38px!important}.service-image{height:225px!important}}
@media(max-width:575px){.pink-info-grid{grid-template-columns:1fr}.pink-info-strip{padding:24px 0}.service-grid{gap:18px!important}.service-card{border-radius:20px!important}.service-image{height:210px!important}.service-body{padding:23px!important}.quilt-feature-grid{border-radius:22px!important}.quilt-feature-content{padding:28px 22px 32px!important}.quilt-feature-image{min-height:330px!important}.feature-list>div{padding:13px!important}}

/* ===== V7 müşteri revizyonları ===== */
/* topbar kaldırıldı; header daha ferah */
.site-header{top:0!important}

/* 3 slaytlı fotoğraf slider */
.pakel-photo-slider{position:relative;min-height:720px;height:clamp(680px,78vh,820px);overflow:hidden;background:#1f1820;color:#fff}
.pakel-photo-slides,.pakel-photo-slide{position:absolute;inset:0}
.pakel-photo-slide{opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease}
.pakel-photo-slide.is-active{opacity:1;visibility:visible;z-index:2}
.pakel-photo-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 7s ease}
.pakel-photo-slide.is-active .pakel-photo-bg-img{transform:scale(1.10)}
.pakel-photo-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,20,27,.88) 0%,rgba(30,20,27,.66) 42%,rgba(30,20,27,.20) 100%)}
.pakel-photo-content{position:relative;z-index:3;height:100%;display:flex;align-items:center}
.pakel-slide-one{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.92fr);gap:58px;align-items:center;padding-top:90px;padding-bottom:90px}
.pakel-photo-copy{max-width:670px}
.pakel-photo-kicker{display:inline-flex;align-items:center;gap:9px;font-size:15px!important;font-weight:800;letter-spacing:1.5px;color:#ffd7e8;margin-bottom:18px}
.pakel-photo-copy h1,.pakel-photo-copy h2{font-size:clamp(52px,5.2vw,82px)!important;line-height:1.02!important;letter-spacing:-2.2px;margin:0 0 22px;color:#fff;font-weight:800}
.pakel-photo-copy h1 span,.pakel-photo-copy h1 em,.pakel-photo-copy h2 strong{color:#f06aa7;font-style:normal}
.pakel-photo-copy p{font-size:20px!important;line-height:1.65!important;max-width:620px;color:rgba(255,255,255,.90)!important;margin-bottom:30px!important}
.pakel-photo-actions{display:flex;gap:14px;flex-wrap:wrap}.pakel-photo-actions a,.pakel-photo-link{font-size:16px!important;font-weight:800}
.hero-result-card{width:100%;max-width:560px;margin-left:auto;background:rgba(255,255,255,.96)!important;border-radius:28px!important;padding:20px!important;box-shadow:0 28px 80px rgba(0,0,0,.28)!important;color:#33242c!important;border:1px solid rgba(255,255,255,.5)!important;backdrop-filter:blur(8px)}
.pakel-result-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin-bottom:14px!important}.pakel-result-title small{font-size:12px!important;letter-spacing:1.7px!important;color:#d63e7f!important;font-weight:900!important}.pakel-result-title b{font-size:22px!important;color:#30242a!important}
.pakel-result-pair{display:grid!important;grid-template-columns:1fr 42px 1fr!important;gap:10px!important;align-items:center!important}.pakel-result-pair figure{height:280px!important;margin:0!important;border-radius:18px!important;overflow:hidden!important;position:relative!important}.pakel-result-pair figure img{width:100%!important;height:100%!important;object-fit:cover!important}.pakel-result-pair figcaption{position:absolute!important;left:12px!important;top:12px!important;background:#fff!important;color:#d43b7c!important;padding:7px 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.8px!important;box-shadow:0 7px 20px rgba(0,0,0,.12)!important}.pakel-result-arrow{width:42px!important;height:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f6d9e6!important;color:#d43b7c!important;font-size:17px!important}
.single-copy{padding-top:90px;padding-bottom:90px}.single-copy .pakel-photo-copy{max-width:760px}.pakel-photo-link{display:inline-flex;align-items:center;gap:10px;color:#fff!important;border-bottom:2px solid #f06aa7;padding-bottom:7px;text-decoration:none!important}
.pakel-photo-bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:34px;z-index:5;display:flex;align-items:center;justify-content:space-between;width:100%}.pakel-photo-dots{display:flex;gap:9px}.pakel-photo-dots button{width:11px;height:11px;border:0;border-radius:50%;background:rgba(255,255,255,.48);padding:0;cursor:pointer;transition:.3s}.pakel-photo-dots button.is-active{width:34px;border-radius:999px;background:#f06aa7}.pakel-photo-nav{display:flex;align-items:center;gap:13px;color:#fff;font-size:14px;font-weight:800}.pakel-photo-nav button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.11);color:#fff;cursor:pointer;transition:.25s}.pakel-photo-nav button:hover{background:#d83f80;border-color:#d83f80}

/* genel okunabilirlik */
.section-head p,.service-body p,.about-copy p,.quilt-feature-content p,.premium-rug-card p,.feature-list small,.real-video-card small{font-size:16px!important;line-height:1.7!important}.service-body h3,.premium-rug-card h3{font-size:24px!important}.section-head h2,.about-copy h2,.quilt-feature-content h2{font-size:clamp(38px,4vw,58px)!important;line-height:1.12!important}

/* Özel halılar: 01/02/03 etiketleri daha okunaklı */
.premium-rug-card>div{padding:24px!important;background:linear-gradient(180deg,rgba(28,18,24,.08),rgba(28,18,24,.92))!important}.premium-rug-card>div>span{display:inline-flex!important;align-items:center!important;background:#fff!important;color:#c93476!important;padding:8px 12px!important;border-radius:999px!important;font-size:13px!important;font-weight:900!important;letter-spacing:.8px!important;box-shadow:0 8px 22px rgba(0,0,0,.16)!important;margin-bottom:10px!important}.premium-rug-card h3{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.25)!important}.premium-rug-card p{color:rgba(255,255,255,.92)!important}

/* Yorgan videosu kırpılmış sürüm */
.quilt-loop-video{object-fit:cover!important;object-position:center center!important}

@media(max-width:991px){
  .pakel-photo-slider{height:auto;min-height:760px}.pakel-photo-slide{position:absolute}.pakel-slide-one{grid-template-columns:1fr;gap:26px;padding-top:90px;padding-bottom:110px}.pakel-photo-overlay{background:linear-gradient(180deg,rgba(28,18,24,.84),rgba(28,18,24,.58))}.pakel-photo-copy h1,.pakel-photo-copy h2{font-size:clamp(44px,9vw,64px)!important}.hero-result-card{max-width:100%;margin:0}.pakel-result-pair figure{height:220px!important}.single-copy{padding-top:115px;padding-bottom:115px;align-items:center}.pakel-photo-bottom{bottom:24px;padding-left:22px;padding-right:22px}
}
@media(max-width:575px){
  .pakel-photo-slider{min-height:790px}.pakel-slide-one{padding-top:72px;padding-bottom:105px}.pakel-photo-copy h1,.pakel-photo-copy h2{font-size:42px!important;letter-spacing:-1.2px!important}.pakel-photo-copy p{font-size:17px!important;line-height:1.55!important}.pakel-photo-kicker{font-size:12px!important}.hero-result-card{padding:14px!important;border-radius:22px!important}.pakel-result-title b{font-size:18px!important}.pakel-result-pair{grid-template-columns:1fr 34px 1fr!important;gap:7px!important}.pakel-result-pair figure{height:180px!important}.pakel-result-arrow{width:34px!important;height:34px!important}.pakel-photo-nav button{width:38px;height:38px}.section-head p,.service-body p,.about-copy p,.quilt-feature-content p,.premium-rug-card p{font-size:15.5px!important}
}

/* =========================================================
   PAK-EL V8 - Slider + Navbar + Sosyal Buton Son Rötuşlar
   ========================================================= */

/* Navbar metinleri daha okunaklı */
.main-nav a{
    font-size:15px !important;
    font-weight:800 !important;
    letter-spacing:.1px;
    transition:color .25s ease, transform .25s ease;
}
.main-nav a:hover{
    color:#d83f80 !important;
    transform:translateY(-1px);
}

/* Hızlı Fiyat Al daha canlı hover */
.header-cta{
    font-size:14px !important;
    position:relative;
    overflow:hidden;
    transition:transform .3s ease, box-shadow .3s ease, filter .3s ease !important;
}
.header-cta:before{
    content:"";
    position:absolute;
    top:-50%;
    left:-65%;
    width:45%;
    height:200%;
    background:rgba(255,255,255,.24);
    transform:rotate(24deg);
    transition:left .45s ease;
}
.header-cta:hover{
    transform:translateY(-4px) scale(1.035) !important;
    box-shadow:0 18px 38px rgba(216,63,128,.34) !important;
    filter:saturate(1.08);
}
.header-cta:hover:before{left:125%;}

/* Öncesi / Sonrası rozetleri: büyük beyaz dikey kapsül YOK */
.hero-result-card .pakel-result-pair figure figcaption{
    position:absolute !important;
    inset:auto auto auto 12px !important;
    top:12px !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:max-content !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.94) !important;
    color:#d83f80 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.7px !important;
    box-shadow:0 8px 20px rgba(35,18,28,.12) !important;
    backdrop-filter:blur(6px);
}
.hero-result-card .pakel-result-pair figure:last-child figcaption{
    background:#e45499 !important;
    color:#fff !important;
}
.hero-result-card .pakel-result-arrow{
    width:38px !important;
    height:38px !important;
    font-size:15px !important;
    box-shadow:0 8px 22px rgba(224,84,153,.28) !important;
}

/* 3 slider görselinde odak düzeni */
.pakel-photo-slide[data-slide="0"] .pakel-photo-bg-img{object-position:center center !important;}
.pakel-photo-slide[data-slide="1"] .pakel-photo-bg-img{object-position:center center !important;}
.pakel-photo-slide[data-slide="2"] .pakel-photo-bg-img{object-position:center center !important;}

/* Sağ sabit sosyal butonlar */
.social-rail-link{
    border:1px solid rgba(255,255,255,.18);
    transition:width .32s ease, transform .32s ease, box-shadow .32s ease, border-radius .32s ease, filter .32s ease !important;
}
.social-rail-link:hover{
    width:160px !important;
    transform:translateX(-7px) scale(1.04) !important;
    box-shadow:0 18px 42px rgba(45,20,34,.30) !important;
    filter:brightness(1.06) saturate(1.08);
}
.social-rail-link i{
    transition:transform .3s ease;
}
.social-rail-link:hover i{
    transform:scale(1.14) rotate(-5deg);
}
.social-rail-link.phone{
    background:linear-gradient(135deg,#f36dac,#d83f80) !important;
}
.social-rail-link.phone:hover{
    background:linear-gradient(135deg,#ff7fbd,#c92f73) !important;
}
.social-rail-link.whatsapp:hover{
    background:#18a95e !important;
}
.social-rail-link.instagram:hover{
    filter:brightness(1.10) saturate(1.15);
}

@media(max-width:575px){
    .hero-result-card .pakel-result-pair figure figcaption{
        left:7px !important;
        top:7px !important;
        padding:5px 8px !important;
        font-size:8px !important;
    }
}

/* ===== PAK-EL HİZMETLER V11 ===== */
.pakel-services-v11{
  position:relative;
  padding:95px 0 100px;
  background:
    radial-gradient(circle at 10% 12%, rgba(255,111,175,.12), transparent 26%),
    radial-gradient(circle at 90% 20%, rgba(255,179,214,.16), transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff9fc 100%);
  overflow:hidden;
}
.pakel-services-head{
  text-align:center;
  max-width:820px;
  margin:0 auto 48px;
}
.pakel-services-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 38px;
  border-radius:18px;
  background:linear-gradient(135deg,#ff79b4 0%,#ed3f8f 100%);
  color:#fff;
  font-size:24px;
  font-weight:800;
  letter-spacing:.8px;
  box-shadow:0 14px 34px rgba(226,62,141,.24), inset 0 1px 0 rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.65);
}
.pakel-services-head h2{
  margin:22px 0 10px;
  color:#2d2530;
  font-size:clamp(30px,4vw,48px);
  line-height:1.15;
  font-weight:800;
}
.pakel-services-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:18px;
}
.pakel-services-line i{
  width:54px;
  height:2px;
  background:#f16aa7;
  opacity:.55;
}
.pakel-services-line b{
  width:10px;
  height:10px;
  border:2px solid #f16aa7;
  transform:rotate(45deg);
  border-radius:2px;
}
.pakel-service-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:24px;
}
.pakel-service-card{
  grid-column:span 2;
}
.pakel-service-card{
  position:relative;
  background:#fff;
  border:1px solid rgba(237,83,151,.13);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 16px 44px rgba(61,38,51,.08);
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.pakel-service-card:hover{
  transform:translateY(-9px);
  border-color:rgba(237,83,151,.32);
  box-shadow:0 24px 56px rgba(230,72,145,.18);
}
.pakel-service-image{
  position:relative;
  height:220px;
  overflow:hidden;
  background:#f8eef3;
}
.pakel-service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s ease, filter .4s ease;
}
.pakel-service-card:hover .pakel-service-image img{
  transform:scale(1.055);
  filter:saturate(1.08);
}
.pakel-service-number{
  position:absolute;
  top:16px;
  right:16px;
  width:43px;
  height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#e94491;
  font-weight:800;
  font-size:14px;
  box-shadow:0 8px 18px rgba(0,0,0,.09);
  backdrop-filter:blur(6px);
}
.pakel-service-body{
  position:relative;
  padding:28px 24px 25px;
}
.pakel-service-icon{
  width:48px;
  height:48px;
  margin-top:-52px;
  margin-bottom:17px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(135deg,#ff7ab5,#ed3f8f);
  color:#fff;
  font-size:19px;
  box-shadow:0 10px 24px rgba(232,67,144,.25);
  border:4px solid #fff;
  transition:transform .3s ease;
}
.pakel-service-card:hover .pakel-service-icon{
  transform:rotate(-5deg) scale(1.08);
}
.pakel-service-body h3{
  margin:0 0 10px;
  color:#27222b;
  font-size:21px;
  line-height:1.3;
  font-weight:800;
}
.pakel-service-body p{
  margin:0 0 17px;
  color:#6e6570;
  font-size:15.5px;
  line-height:1.7;
}
.pakel-service-body a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#e44491;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:gap .25s ease, color .25s ease;
}
.pakel-service-body a:hover{
  gap:13px;
  color:#bd286d;
}
@media (min-width:1051px){
  .pakel-service-grid .pakel-service-card:nth-child(5){grid-column:2 / span 2;}
  .pakel-service-grid .pakel-service-card:nth-child(6){grid-column:4 / span 2;}
  .pakel-service-grid .pakel-service-card:nth-child(7){grid-column:6 / span 2;}
}
}
@media (max-width:1050px){
  .pakel-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pakel-service-card{grid-column:auto;}
}
@media (max-width:620px){
  .pakel-services-v11{padding:72px 0 76px;}
  .pakel-services-badge{min-height:50px;padding:0 25px;font-size:19px;border-radius:15px;}
  .pakel-services-head{margin-bottom:34px;}
  .pakel-services-head h2{font-size:31px;}
  .pakel-service-grid{grid-template-columns:1fr;gap:20px;}
  .pakel-service-card{grid-column:auto;}
  .pakel-service-image{height:210px;}
  .pakel-service-body h3{font-size:20px;}
  .pakel-service-body p{font-size:15px;}
}

/* ===== PAK-EL YORGAN BÖLÜMÜ V13 ===== */
.pakel-yorgan-section{
  position:relative;
  padding:92px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,104,170,.11), transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff8fb 100%);
  overflow:hidden;
}
.pakel-yorgan-wrap{
  display:grid;
  grid-template-columns:1.02fr .98fr;
  align-items:center;
  gap:54px;
}
.pakel-yorgan-badge{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff7bb6,#ea3f8f);
  color:#fff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.5px;
  box-shadow:0 10px 24px rgba(232,63,142,.18);
}
.pakel-yorgan-copy h2{
  margin:20px 0 16px;
  color:#2b2530;
  font-size:clamp(32px,4vw,52px);
  line-height:1.1;
  font-weight:800;
}
.pakel-yorgan-copy p{
  margin:0 0 24px;
  color:#6f6671;
  font-size:17px;
  line-height:1.8;
  max-width:650px;
}
.pakel-yorgan-points{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.pakel-yorgan-points span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px;
  border-radius:14px;
  background:#fff;
  color:#4e4550;
  font-size:14px;
  font-weight:700;
  box-shadow:0 10px 26px rgba(66,39,52,.07);
  border:1px solid rgba(235,72,146,.12);
}
.pakel-yorgan-points i{color:#e94391;}
.pakel-yorgan-video-shell{
  position:relative;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 24px 58px rgba(54,34,44,.16);
  border:1px solid rgba(237,83,151,.16);
  background:#111;
}
.pakel-yorgan-video-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
.pakel-yorgan-video-shell video{
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  background:#111;
}
@media (max-width:900px){
  .pakel-yorgan-wrap{grid-template-columns:1fr;gap:34px;}
  .pakel-yorgan-section{padding:72px 0;}
}
@media (max-width:620px){
  .pakel-yorgan-copy h2{font-size:31px;}
  .pakel-yorgan-copy p{font-size:15.5px;}
  .pakel-yorgan-video-shell{border-radius:20px;}
  .pakel-yorgan-video-shell video{aspect-ratio:9/12;}
}

/* ===== PAK-EL HAKKINDA V16 ===== */
.pakel-about-v16{
  position:relative;
  padding:96px 0 102px;
  background:
    radial-gradient(circle at 12% 14%, rgba(255,101,169,.10), transparent 26%),
    linear-gradient(180deg,#fff 0%,#fff9fc 100%);
  overflow:hidden;
}
.pakel-about-grid{
  display:grid;
  grid-template-columns:.98fr 1.02fr;
  gap:62px;
  align-items:center;
}
.pakel-about-visual{
  position:relative;
}
.pakel-about-image-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  box-shadow:0 26px 60px rgba(52,34,44,.16);
  border:1px solid rgba(234,68,145,.14);
  background:#fff;
}
.pakel-about-image-card img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  display:block;
}
.pakel-about-year{
  position:absolute;
  left:-16px;
  bottom:24px;
  padding:16px 22px;
  border-radius:18px;
  background:linear-gradient(135deg,#ff79b4,#e93f8e);
  color:#fff;
  box-shadow:0 14px 30px rgba(230,64,143,.28);
}
.pakel-about-year strong{
  display:block;
  font-size:28px;
  line-height:1;
  font-weight:900;
}
.pakel-about-year span{
  display:block;
  margin-top:6px;
  font-size:12px;
  font-weight:700;
  opacity:.95;
}
.pakel-about-copy .mini-title{
  color:#e64290;
  font-size:15px;
  font-weight:900;
  letter-spacing:1.2px;
}
.pakel-about-copy h2{
  margin:18px 0 18px;
  color:#2d2730;
  font-size:clamp(42px,5vw,68px);
  line-height:1.02;
  font-weight:800;
}
.pakel-about-copy h2 em{
  color:#8f3b5f;
  font-style:italic;
}
.pakel-about-copy > p{
  margin:0 0 28px;
  color:#5f5761;
  font-size:19px;
  line-height:1.85;
  max-width:720px;
}
.pakel-about-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.pakel-about-feature{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:112px;
  padding:20px 20px;
  border-radius:20px;
  background:linear-gradient(135deg,#ff77b3 0%,#e83f8e 100%);
  color:#fff;
  box-shadow:0 14px 34px rgba(229,63,142,.20);
  transition:transform .3s ease, box-shadow .3s ease, filter .3s ease;
}
.pakel-about-feature:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 40px rgba(229,63,142,.28);
  filter:saturate(1.06);
}
.pakel-about-feature i{
  flex:0 0 52px;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
  font-size:22px;
}
.pakel-about-feature strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
}
.pakel-about-feature small{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.93);
  font-size:14px;
  line-height:1.45;
  font-weight:600;
}
@media (max-width:980px){
  .pakel-about-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  .pakel-about-image-card img{
    min-height:auto;
    aspect-ratio:4/3;
  }
}
@media (max-width:700px){
  .pakel-about-v16{padding:72px 0 78px;}
  .pakel-about-copy h2{
    font-size:38px;
    line-height:1.08;
  }
  .pakel-about-copy > p{
    font-size:16.5px;
    line-height:1.75;
  }
  .pakel-about-features{
    grid-template-columns:1fr;
    gap:14px;
  }
  .pakel-about-feature{
    min-height:104px;
  }
  .pakel-about-feature.from-left{
    transform:translateX(-14px);
  }
  .pakel-about-feature.from-right{
    transform:translateX(14px);
  }
  .pakel-about-feature.from-left:hover,
  .pakel-about-feature.from-right:hover{
    transform:translateY(-5px);
  }
  .pakel-about-year{
    left:14px;
    bottom:14px;
  }
}

/* ===== PAK-EL HAKKINDA V17 MINIMAL DÜZELTME ===== */
@media (min-width:981px){
  .pakel-about-v16{
    padding:72px 0 78px;
  }
  .pakel-about-grid{
    grid-template-columns:.92fr 1.08fr;
    gap:50px;
  }
  .pakel-about-image-card{
    border-radius:24px;
  }
  .pakel-about-image-card img{
    min-height:440px;
    max-height:470px;
    object-fit:cover;
    object-position:center;
  }
  .pakel-about-year{
    left:14px;
    bottom:14px;
    padding:12px 17px;
    border-radius:14px;
  }
  .pakel-about-year strong{
    font-size:23px;
  }
  .pakel-about-year span{
    margin-top:4px;
    font-size:11px;
  }
  .pakel-about-copy .mini-title{
    font-size:13px;
    letter-spacing:1px;
  }
  .pakel-about-copy h2{
    margin:13px 0 14px;
    font-size:clamp(38px,3.5vw,52px);
    line-height:1.04;
  }
  .pakel-about-copy > p{
    margin-bottom:20px;
    font-size:16.5px;
    line-height:1.65;
  }
  .pakel-about-features{
    gap:12px;
  }
  .pakel-about-feature{
    min-height:86px;
    padding:14px 16px;
    border-radius:17px;
    gap:12px;
  }
  .pakel-about-feature i{
    flex-basis:43px;
    width:43px;
    height:43px;
    border-radius:13px;
    font-size:18px;
  }
  .pakel-about-feature strong{
    font-size:16px;
  }
  .pakel-about-feature small{
    margin-top:3px;
    font-size:12.5px;
  }
}

/* ===== PAK-EL V18 GERÇEK GÖRSELLER + DENGE DÜZELTMELERİ ===== */

/* Hizmet kartlarında gerçek fotoğrafları doğal göster */
.pakel-services-v11 .pakel-service-image{
  height:235px;
  background:#f7f3f5;
}
.pakel-services-v11 .pakel-service-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
}
.pakel-services-v11 .pakel-service-card:hover .pakel-service-image img{
  transform:scale(1.035);
  filter:none;
}

/* Yorgan videosunu belirgin biçimde büyüt */
@media (min-width:901px){
  .pakel-yorgan-wrap{
    grid-template-columns:.78fr 1.22fr;
    gap:42px;
  }
  .pakel-yorgan-media{
    display:flex;
    justify-content:center;
  }
  .pakel-yorgan-video-shell{
    width:min(100%,560px);
    border-radius:26px;
    background:linear-gradient(180deg,#2c2229,#171216);
  }
  .pakel-yorgan-video-shell video{
    width:100%;
    height:620px;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
  }
}
@media (max-width:900px){
  .pakel-yorgan-video-shell{
    max-width:520px;
    margin:0 auto;
  }
  .pakel-yorgan-video-shell video{
    width:100%;
    height:560px;
    aspect-ratio:auto;
    object-fit:contain;
  }
}
@media (max-width:620px){
  .pakel-yorgan-section{
    padding:64px 0 70px;
  }
  .pakel-yorgan-video-shell{
    width:100%;
    max-width:430px;
  }
  .pakel-yorgan-video-shell video{
    height:520px;
    aspect-ratio:auto;
    object-fit:contain;
  }
}

/* Pak-El Hakkında mobil: daha dengeli ve gerçek sağ-sol akış */
@media (max-width:700px){
  .pakel-about-v16{
    padding:62px 0 70px;
  }
  .pakel-about-grid{
    gap:30px;
  }
  .pakel-about-image-card{
    border-radius:22px;
  }
  .pakel-about-image-card img{
    width:100%;
    min-height:0;
    max-height:none;
    aspect-ratio:4/3;
    object-fit:cover;
  }
  .pakel-about-year{
    left:12px;
    bottom:12px;
    padding:10px 14px;
  }
  .pakel-about-copy .mini-title{
    display:block;
    text-align:center;
    font-size:12px;
  }
  .pakel-about-copy h2{
    text-align:center;
    font-size:34px;
    line-height:1.08;
    margin:12px 0 14px;
  }
  .pakel-about-copy > p{
    text-align:center;
    font-size:15.5px;
    line-height:1.7;
    margin-bottom:22px;
  }
  .pakel-about-features{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  .pakel-about-feature{
    width:92%;
    min-height:92px;
    padding:15px 16px;
    transform:none !important;
  }
  .pakel-about-feature.from-left{
    justify-self:start;
  }
  .pakel-about-feature.from-right{
    justify-self:end;
  }
  .pakel-about-feature strong{
    font-size:16px;
  }
  .pakel-about-feature small{
    font-size:12.5px;
  }
}

/* Gerçek işlem görüntüleri: Kurumsal bölümden sonra sayfayı aç */
.video-section{
  padding:92px 0 !important;
  background:
    radial-gradient(circle at 12% 15%,rgba(255,107,174,.10),transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff8fb 100%) !important;
  color:#302830 !important;
}
.video-section .section-head span{
  color:#e84591 !important;
}
.video-section .section-head h2{
  color:#2f2830 !important;
}
.video-section .section-head h2 em{
  color:#d23c7f !important;
}
.video-section .section-head p{
  color:#746873 !important;
}
.real-video-card{
  box-shadow:0 18px 46px rgba(62,39,51,.13) !important;
  border:1px solid rgba(226,73,143,.15) !important;
}

/* Kaldırılan eski bilgi şeridi görünmesin */
.pink-info-strip{
  display:none !important;
}

/* ===== PAK-EL V19 YORGAN + FOOTER ===== */

/* Yorgan videosu: siyah yan boşluk olmadan alanı tamamen kaplasın */
.pakel-yorgan-video-shell{
  background:#fff !important;
  overflow:hidden;
}
.pakel-yorgan-video-shell video{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover !important;
  object-position:center center !important;
}

@media (min-width:901px){
  .pakel-yorgan-video-shell{
    width:min(100%,560px);
    height:620px;
  }
}
@media (max-width:900px){
  .pakel-yorgan-video-shell{
    width:min(100%,500px);
    height:620px;
  }
}
@media (max-width:620px){
  .pakel-yorgan-video-shell{
    width:100%;
    height:560px;
    max-width:430px;
  }
}

/* Footer en alt tasarım kredisi */
.pakel-footer-credit{
  width:100%;
  margin-top:28px;
  padding:18px 15px 4px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:14px;
  color:rgba(255,255,255,.72);
}
.pakel-footer-credit span{
  margin-right:5px;
}
.pakel-footer-credit a{
  color:#ff77b3;
  font-weight:800;
  text-decoration:none;
  transition:color .25s ease, text-shadow .25s ease;
}
.pakel-footer-credit a:hover{
  color:#fff;
  text-shadow:0 0 14px rgba(255,119,179,.7);
}

/* ===== PAK-EL V20 FOOTER + SOSYAL HOVER ===== */
.pakel-footer-credit{
  width:100%;
  margin-top:24px;
  padding:16px 12px 2px;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.12);
  font-size:14px;
  color:rgba(255,255,255,.76);
}
.pakel-footer-credit span{margin-right:5px;}
.pakel-footer-credit a{
  color:#ff78b4;
  font-weight:800;
  text-decoration:none;
  transition:color .25s ease,text-shadow .25s ease,transform .25s ease;
}
.pakel-footer-credit a:hover{
  color:#fff;
  text-shadow:0 0 16px rgba(255,120,180,.85);
}

/* Sağdaki Instagram / WhatsApp / Telefon ikonları */
a:has(> i.fa-instagram),
a:has(> i.fa-whatsapp),
a:has(> i.fa-phone){
  animation:pakelSocialPulse 1.9s ease-in-out infinite;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease !important;
  will-change:transform;
}
a:has(> i.fa-whatsapp){animation-delay:.22s;}
a:has(> i.fa-phone){animation-delay:.44s;}

a:has(> i.fa-instagram):hover,
a:has(> i.fa-whatsapp):hover,
a:has(> i.fa-phone):hover{
  transform:scale(1.15) translateY(-2px) !important;
  filter:brightness(1.08) saturate(1.1);
  box-shadow:0 12px 26px rgba(223,64,141,.34) !important;
  animation:pakelSocialHoverBeat .55s ease-in-out infinite alternate;
}
@keyframes pakelSocialPulse{
  0%,100%{transform:scale(1);}
  50%{transform:scale(1.07);}
}
@keyframes pakelSocialHoverBeat{
  from{transform:scale(1.12) translateY(-2px);}
  to{transform:scale(1.18) translateY(-2px);}
}
/* ===== V20 FOOTER CREDIT INSIDE ===== */
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.footer-bottom .pakel-footer-credit{width:auto;margin:0;padding:0;border:0;display:inline-flex;align-items:center;gap:5px;font-size:13px;color:rgba(255,255,255,.72);}
.footer-bottom .pakel-footer-credit a{color:#ff78b4;font-weight:800;text-decoration:none;}
.footer-bottom .pakel-footer-credit a:hover{color:#fff;text-shadow:0 0 14px rgba(255,120,180,.75);}
@media(max-width:700px){.footer-bottom{justify-content:center;text-align:center}.footer-bottom .pakel-footer-credit{width:100%;justify-content:center;margin-top:2px}}

/* ===== PAK-EL V23 NAVBAR + MARQUEE + 8 HİZMET + FOOTER ===== */

/* Navbar yazıları daha okunaklı */
.main-nav a{
  font-size:16.5px !important;
  font-weight:700 !important;
}
.header-cta{
  font-size:15.5px !important;
}
.brand strong{
  font-size:22px !important;
}
.brand small{
  font-size:12.5px !important;
}

/* Kayan hizmet şeridi navbarın hemen altında */
.site-header + .marquee{
  position:relative;
  z-index:20;
}
.marquee{
  margin:0 !important;
}
.marquee-track span{
  font-size:13.5px !important;
  font-weight:800 !important;
  letter-spacing:.45px;
}

/* 8 hizmet = masaüstünde 4 + 4 dengeli grid */
@media (min-width:1051px){
  .pakel-service-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
  .pakel-service-card{
    grid-column:auto !important;
  }
  .pakel-service-grid .pakel-service-card:nth-child(5),
  .pakel-service-grid .pakel-service-card:nth-child(6),
  .pakel-service-grid .pakel-service-card:nth-child(7),
  .pakel-service-grid .pakel-service-card:nth-child(8){
    grid-column:auto !important;
  }
}

/* Footer yazılarını daha okunaklı yap */
.footer{
  font-size:15.5px;
}
.footer p,
.footer a{
  font-size:15px !important;
  line-height:1.7;
}
.footer h3{
  font-size:19px !important;
}
.footer-brand strong{
  font-size:22px !important;
}
.footer-brand small{
  font-size:12.5px !important;
}
.footer-bottom,
.footer-bottom span,
.footer-bottom a,
.footer-bottom .pakel-footer-credit{
  font-size:14px !important;
}

@media(max-width:900px){
  .main-nav a{
    font-size:17px !important;
  }
}

/* ===== PAK-EL FINAL MOBİL + HAKKINDA + VİDEO DÜZELTMELERİ ===== */

/* 2. slider mobilde yukarı taşınsın, üstte boşluk kalmasın */
@media (max-width:700px){
  .pakel-photo-slide[data-slide="1"] .pakel-photo-content{
    align-items:flex-start !important;
    padding-top:34px !important;
    padding-bottom:24px !important;
  }
  .pakel-photo-slide[data-slide="1"] .pakel-photo-copy{
    margin-top:0 !important;
    transform:translateY(-8px);
  }
  .pakel-photo-slide[data-slide="1"] .pakel-photo-kicker{
    margin-bottom:10px !important;
  }
  .pakel-photo-slide[data-slide="1"] h2{
    margin-top:0 !important;
    margin-bottom:12px !important;
    font-size:34px !important;
    line-height:1.08 !important;
  }
  .pakel-photo-slide[data-slide="1"] p{
    font-size:15px !important;
    line-height:1.55 !important;
    margin-bottom:16px !important;
  }
}

/* Hakkımızda artık Hizmetler'in üstünde; mobilde daha minimal */
.pakel-about-v16{
  padding-top:74px;
  padding-bottom:74px;
}
.pakel-about-image-card img{
  object-position:center;
}
@media (max-width:700px){
  .pakel-about-v16{
    padding:48px 0 54px !important;
  }
  .pakel-about-grid{
    gap:22px !important;
  }
  .pakel-about-image-card{
    border-radius:18px !important;
  }
  .pakel-about-image-card img{
    aspect-ratio:16/11 !important;
    min-height:0 !important;
    max-height:300px !important;
    object-fit:cover !important;
  }
  .pakel-about-year{
    left:10px !important;
    bottom:10px !important;
    padding:8px 11px !important;
    border-radius:11px !important;
  }
  .pakel-about-year strong{
    font-size:19px !important;
  }
  .pakel-about-year span{
    font-size:10px !important;
  }
  .pakel-about-copy .mini-title{
    font-size:11px !important;
    letter-spacing:.8px !important;
  }
  .pakel-about-copy h2{
    font-size:29px !important;
    line-height:1.08 !important;
    margin:10px 0 10px !important;
  }
  .pakel-about-copy > p{
    font-size:14.5px !important;
    line-height:1.6 !important;
    margin-bottom:16px !important;
  }
  .pakel-about-features{
    gap:9px !important;
  }
  .pakel-about-feature{
    width:88% !important;
    min-height:72px !important;
    padding:10px 12px !important;
    border-radius:14px !important;
    gap:10px !important;
  }
  .pakel-about-feature i{
    flex-basis:38px !important;
    width:38px !important;
    height:38px !important;
    border-radius:11px !important;
    font-size:16px !important;
  }
  .pakel-about-feature strong{
    font-size:14px !important;
  }
  .pakel-about-feature small{
    font-size:11px !important;
  }
  .pakel-about-feature.from-left{
    justify-self:start !important;
  }
  .pakel-about-feature.from-right{
    justify-self:end !important;
  }
}

/* Gerçek işlem videoları siyah poster beklemeden doğrudan oynasın */
.real-video-card video{
  background:#f6eef2 !important;
}

/* ===== PAK-EL SADECE İSTENEN SON DÜZENLEMELER ===== */

/* 1) Slider mobil uyumu */
@media (max-width: 700px){
  .pakel-photo-hero,
  .pakel-photo-slider,
  .pakel-photo-slide{
    min-height: 610px !important;
  }

  .pakel-photo-slide{
    position:relative !important;
    overflow:hidden !important;
  }

  .pakel-photo-bg-img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  .pakel-photo-content{
    min-height:610px !important;
    padding-top:42px !important;
    padding-bottom:86px !important;
    display:flex !important;
    align-items:flex-start !important;
  }

  .pakel-photo-copy{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 8px !important;
  }

  .pakel-photo-kicker{
    font-size:11px !important;
    line-height:1.4 !important;
    margin-bottom:10px !important;
  }

  .pakel-photo-copy h1,
  .pakel-photo-copy h2{
    font-size:36px !important;
    line-height:1.05 !important;
    margin:0 0 12px !important;
  }

  .pakel-photo-copy p{
    font-size:14.5px !important;
    line-height:1.55 !important;
    margin-bottom:16px !important;
    max-width:94% !important;
  }

  .pakel-photo-actions{
    display:flex !important;
    gap:8px !important;
    flex-wrap:wrap !important;
  }

  .pakel-photo-actions a{
    min-height:43px !important;
    padding:10px 14px !important;
    font-size:13px !important;
  }

  /* 1. slider öncesi/sonrası kartı mobilde alta düzgün otursun */
  .pakel-slide-one{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:18px !important;
  }

  .pakel-slide-one .pakel-photo-result{
    width:100% !important;
    max-width:360px !important;
    margin:0 auto !important;
    padding:14px !important;
    border-radius:18px !important;
  }

  .pakel-result-title{
    margin-bottom:10px !important;
  }

  .pakel-result-title small{
    font-size:10px !important;
  }

  .pakel-result-title b{
    font-size:16px !important;
  }

  .pakel-result-pair{
    gap:8px !important;
  }

  .pakel-result-pair figure{
    min-width:0 !important;
  }

  .pakel-result-pair figure img{
    width:100% !important;
    height:128px !important;
    object-fit:cover !important;
    border-radius:12px !important;
  }

  .pakel-result-pair figcaption{
    font-size:10px !important;
  }

  .pakel-result-arrow{
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
  }

  /* 2. slider mobilde üstte boşluk bırakmasın */
  .pakel-photo-slide[data-slide="1"] .pakel-photo-content{
    padding-top:34px !important;
  }

  .pakel-photo-slide[data-slide="1"] .pakel-photo-copy{
    transform:none !important;
    margin-top:0 !important;
  }

  /* slider alt navigasyonu görünür ve dengeli */
  .pakel-photo-bottom{
    bottom:16px !important;
  }
}

/* 2) Pak-El Hakkında mobil kutuları düzgün ve minimal 2x2 */
@media (max-width:700px){
  .pakel-about-v16{
    padding:52px 0 58px !important;
  }

  .pakel-about-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .pakel-about-copy{
    text-align:center !important;
  }

  .pakel-about-copy h2{
    font-size:31px !important;
    line-height:1.08 !important;
    margin:10px 0 12px !important;
  }

  .pakel-about-copy > p{
    max-width:94% !important;
    margin:0 auto 18px !important;
    font-size:14.5px !important;
    line-height:1.6 !important;
  }

  .pakel-about-features{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .pakel-about-feature,
  .pakel-about-feature.from-left,
  .pakel-about-feature.from-right{
    width:100% !important;
    min-height:82px !important;
    margin:0 !important;
    padding:11px !important;
    border-radius:14px !important;
    transform:none !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    text-align:left !important;
  }

  .pakel-about-feature i{
    flex:0 0 36px !important;
    width:36px !important;
    height:36px !important;
    border-radius:10px !important;
    font-size:15px !important;
  }

  .pakel-about-feature strong{
    font-size:12.5px !important;
    line-height:1.25 !important;
  }

  .pakel-about-feature small{
    margin-top:2px !important;
    font-size:9.8px !important;
    line-height:1.25 !important;
  }
}

/* 3) Footer alt satırı artık footerın çizgisi içinde, ayrı blok değil */
.footer .pakel-footer-bottom-final{
  margin-top:26px !important;
  padding-top:18px !important;
  padding-bottom:0 !important;
  border-top:1px solid rgba(255,255,255,.13) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

.footer .pakel-footer-bottom-final,
.footer .pakel-footer-bottom-final a,
.footer .pakel-footer-bottom-final span{
  font-size:13.5px !important;
  line-height:1.5 !important;
}

.footer .pakel-footer-bottom-final .footer-copy{
  color:rgba(255,255,255,.70) !important;
}

.footer .pakel-footer-bottom-final .footer-instagram{
  color:rgba(255,255,255,.86) !important;
  text-decoration:none !important;
}

.footer .pakel-footer-bottom-final .pakel-footer-credit{
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  color:rgba(255,255,255,.70) !important;
}

.footer .pakel-footer-bottom-final .pakel-footer-credit a{
  color:#ff78b4 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

@media (max-width:700px){
  .footer .pakel-footer-bottom-final{
    justify-content:center !important;
    text-align:center !important;
    gap:8px 14px !important;
  }

  .footer .pakel-footer-bottom-final > *{
    width:auto !important;
  }
}

/* ===== PAK-EL MOBİL SLIDER 2-3 GÖRSEL DÜZELTME ===== */
@media (max-width:700px){
  .pakel-photo-slide{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    min-height:610px !important;
    background:#2a2026 !important;
    opacity:0 !important;
    pointer-events:none !important;
  }

  .pakel-photo-slide.is-active{
    opacity:1 !important;
    pointer-events:auto !important;
  }

  .pakel-photo-slide .pakel-photo-bg-img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:610px !important;
    object-fit:cover !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
    z-index:0 !important;
  }

  .pakel-photo-slide .pakel-photo-overlay{
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    background:linear-gradient(
      90deg,
      rgba(30,22,27,.68) 0%,
      rgba(30,22,27,.44) 58%,
      rgba(30,22,27,.24) 100%
    ) !important;
  }

  .pakel-photo-slide .pakel-photo-content{
    position:relative !important;
    z-index:2 !important;
  }

  .pakel-photo-slide[data-slide="1"] .pakel-photo-bg-img{
    object-position:center 48% !important;
  }

  .pakel-photo-slide[data-slide="2"] .pakel-photo-bg-img{
    object-position:center 50% !important;
  }
}
/* Dinamik sayfalar ve üye girişi */
.pakel-page{min-height:60vh;padding:70px 0;background:#fff8fb}.page-heading{text-align:center;margin-bottom:42px}.page-heading span{color:#e91e63;font-weight:800;letter-spacing:2px}.page-heading h1{font-size:48px;margin:8px 0}.dynamic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.dynamic-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(65,20,40,.1)}.dynamic-card img{width:100%;height:240px;object-fit:cover}.dynamic-card>div{padding:24px}.dynamic-card h2{font-size:23px}.dynamic-card a,.detail-page>a{color:#e91e63;font-weight:800}.detail-page{max-width:900px;background:#fff;padding:40px;border-radius:24px}.detail-page>img{width:100%;max-height:500px;object-fit:cover;border-radius:18px;margin:25px 0}.blog-content{font-size:18px;line-height:1.8}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-grid video{width:100%;border-radius:18px;background:#111}.empty-state{grid-column:1/-1;text-align:center}.login-page{min-height:70vh;display:grid;place-items:center;padding:70px 20px;background:linear-gradient(135deg,#fff2f7,#f7d9e6)}.login-card{width:100%;max-width:460px;background:#fff;padding:42px;border-radius:26px;box-shadow:0 25px 70px rgba(70,10,40,.16)}.login-card h1{text-align:center}.login-card>p{text-align:center}.login-icon{margin:auto;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#e91e63;color:#fff;font-size:28px}.form-group{margin:18px 0}.form-control{display:block;width:100%;box-sizing:border-box;padding:13px;border:1px solid #ddd;border-radius:10px}.panel-button{display:inline-block;background:#e91e63;color:#fff!important;border:0;border-radius:10px;padding:13px 22px;font-weight:800;cursor:pointer}.login-card .panel-button{width:100%}.validation-error,.field-validation-error{color:#c62828;font-size:14px}
@media(max-width:800px){.dynamic-grid,.video-grid{grid-template-columns:1fr}.page-heading h1{font-size:36px}.detail-page{padding:24px}.login-card{padding:28px}}