.store-product-gallery {
    position: sticky;
    top: 130px;
}

.store-detail-copy h1 {
    color: var(--store-ink) !important;
}

.store-minimum-order {
    color: var(--store-muted);
    font-size: .72rem;
    font-weight: 600;
    margin-left: .5rem;
}

.store-subscription-gift {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin-top: 1.35rem;
    padding: 1.2rem;
    border: 1px solid rgba(116, 161, 12, .5);
    border-radius: 22px;
    background: linear-gradient(130deg, #f7ffe9 0%, #e7f8c8 58%, #dff2b6 100%);
    box-shadow: 0 18px 42px rgba(62, 91, 4, .12);
    animation: storeGiftReveal .7s cubic-bezier(.22, 1, .36, 1) both;
}

.store-subscription-gift::before {
    position: absolute;
    z-index: 0;
    top: -20%;
    bottom: -20%;
    left: -55%;
    width: 34%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
    content: "";
    pointer-events: none;
    transform: skewX(-18deg);
    animation: storeGiftShine 5.8s ease-in-out 1.1s infinite;
}

.store-subscription-gift > * {
    position: relative;
    z-index: 1;
}

.store-subscription-gift::after {
    position: absolute;
    z-index: -1;
    right: -58px;
    bottom: -72px;
    width: 155px;
    height: 155px;
    border: 1px solid rgba(79, 114, 0, .2);
    border-radius: 50%;
    box-shadow: 0 0 0 25px rgba(183, 255, 0, .08), 0 0 0 50px rgba(183, 255, 0, .035);
    content: "";
}

.store-subscription-gift-content {
    min-width: 0;
}

.store-subscription-gift-kicker {
    display: inline-flex;
    margin-bottom: .35rem;
    color: #547900;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.store-subscription-gift-content > strong {
    display: block;
    color: var(--store-ink);
    font-size: 1.08rem;
    font-weight: 900;
    letter-spacing: -.018em;
    line-height: 1.25;
}

.store-subscription-gift-content > strong em {
    display: inline-flex;
    margin-left: .2rem;
    padding: .18rem .48rem;
    border-radius: 999px;
    background: var(--store-green);
    color: var(--store-deep);
    font-size: .7rem;
    font-style: normal;
    letter-spacing: .02em;
    text-transform: uppercase;
    vertical-align: .12rem;
}

.store-subscription-gift-content > p {
    margin: .45rem 0 0;
    color: #405752;
    font-size: .79rem;
    line-height: 1.52;
}

.store-subscription-gift-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .9rem;
}

.store-subscription-gift-features span {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    min-height: 72px;
    padding: .65rem .7rem;
    border: 1px solid rgba(58, 91, 0, .18);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .95), rgba(247, 253, 235, .82));
    color: #18332d;
    box-shadow: 0 9px 20px rgba(57, 84, 5, .08);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    animation:
        storeGiftCardReveal .55s cubic-bezier(.22, 1, .36, 1) backwards,
        storeGiftCardBlink 2.35s ease-in-out infinite;
}

.store-subscription-gift-features span:nth-child(1) { animation-delay: .16s; }
.store-subscription-gift-features span:nth-child(2) { animation-delay: .23s; }
.store-subscription-gift-features span:nth-child(3) { animation-delay: .3s; }
.store-subscription-gift-features span:nth-child(4) { animation-delay: .37s; }
.store-subscription-gift-features span:nth-child(5) { animation-delay: .44s; }
.store-subscription-gift-features span:nth-child(6) { animation-delay: .51s; }
.store-subscription-gift-features span:nth-child(7) { animation-delay: .58s; }
.store-subscription-gift-features span:nth-child(8) { animation-delay: .65s; }

.store-subscription-gift-features span::after {
    position: absolute;
    top: -22px;
    right: -22px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: rgba(183, 255, 0, .14);
    content: "";
}

.store-subscription-gift-features span:hover {
    border-color: rgba(76, 116, 0, .38);
    box-shadow: 0 12px 25px rgba(57, 84, 5, .13);
    transform: translateY(-2px);
}

.store-subscription-gift-features i {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 11px;
    background: var(--store-deep);
    color: var(--store-green);
    font-size: .95rem;
    box-shadow: 0 6px 14px rgba(6, 23, 25, .17);
}

.store-subscription-gift-features .store-google-review-mark {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1px;
    font-family: Arial, sans-serif;
    font-size: .82rem;
    font-style: normal;
    font-weight: 900;
    line-height: .8;
}

.store-subscription-gift-features .store-google-review-mark::after {
    color: var(--store-green);
    content: "★★★★★";
    font-size: .25rem;
    letter-spacing: -.04em;
    line-height: 1;
}

.store-subscription-gift-features b {
    position: relative;
    z-index: 1;
    font-size: .75rem;
    font-weight: 850;
    line-height: 1.35;
}

@keyframes storeGiftReveal {
    from {
        opacity: 0;
        transform: translateY(18px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes storeGiftCardReveal {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.96);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes storeGiftCardBlink {
    0%, 100% {
        border-color: rgba(58, 91, 0, .18);
        box-shadow: 0 9px 20px rgba(57, 84, 5, .08), 0 0 0 0 rgba(183, 255, 0, 0);
    }
    48%, 58% {
        border-color: rgba(126, 181, 0, .95);
        box-shadow: 0 11px 25px rgba(57, 84, 5, .16), 0 0 0 3px rgba(183, 255, 0, .34), 0 0 24px rgba(141, 202, 0, .42);
    }
}

@keyframes storeGiftShine {
    0%, 68% {
        left: -55%;
        opacity: 0;
    }
    76% {
        opacity: .72;
    }
    92%, 100% {
        left: 125%;
        opacity: 0;
    }
}

.store-subscription-gift-content > a {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: max-content;
    margin-top: .8rem;
    color: #3f6000;
    font-size: .76rem;
    font-weight: 900;
    text-decoration: none;
}

.store-subscription-gift-content > a:hover {
    color: var(--store-deep);
}

.store-package-summary {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin: -7px 0 20px;
    padding: .75rem;
    border-radius: 14px;
    background: #f1f6eb;
}

.store-package-summary > i {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 12px;
    background: var(--store-deep);
    color: var(--store-green);
    font-size: 1.05rem;
}

.store-package-summary small,
.store-package-summary strong {
    display: block;
}

.store-package-summary small {
    color: var(--store-muted);
    font-size: .62rem;
    font-weight: 750;
}

.store-package-summary strong {
    margin-top: .08rem;
    color: var(--store-ink);
    font-size: .76rem;
    font-weight: 850;
}

.store-software-story {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    gap: clamp(2.2rem, 5vw, 5rem);
    overflow: hidden;
    margin-top: 5rem;
    padding: clamp(2rem, 5vw, 4.5rem);
    scroll-margin-top: 110px;
    border-radius: 36px;
    background: linear-gradient(135deg, #061719 0%, #0b3430 58%, #154a3a 100%);
    color: #fff;
    box-shadow: 0 30px 80px rgba(6, 23, 25, .18);
}

.store-software-story::before,
.store-software-story::after {
    position: absolute;
    z-index: -1;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(183, 255, 0, .2);
    border-radius: 50%;
    content: "";
}

.store-software-story::before {
    top: -210px;
    left: -130px;
    box-shadow: 0 0 0 48px rgba(183, 255, 0, .035), 0 0 0 96px rgba(183, 255, 0, .018);
}

.store-software-story::after {
    right: -220px;
    bottom: -235px;
    box-shadow: 0 0 0 52px rgba(183, 255, 0, .03);
}

.store-software-copy {
    align-self: center;
}

.store-software-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--store-green);
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.store-software-copy h2 {
    max-width: 720px;
    margin: 1rem 0 1.1rem;
    color: #fff;
    font-size: clamp(2.25rem, 4.6vw, 4.2rem);
    font-weight: 850;
    letter-spacing: -.055em;
    line-height: 1.02;
}

.store-software-copy > p {
    max-width: 680px;
    margin: 0;
    color: #bed0cd;
    font-size: 1.02rem;
    line-height: 1.75;
}

.store-software-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: 1.75rem;
}

.store-software-benefits span {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 14px;
    background: rgba(255, 255, 255, .055);
    color: #eef6f4;
    font-size: .78rem;
    font-weight: 750;
}

.store-software-benefits i {
    color: var(--store-green);
    font-size: 1rem;
}

.store-software-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}

.store-software-actions > span {
    max-width: 190px;
    color: #9fb5b1;
    font-size: .7rem;
    line-height: 1.45;
}

.store-real-phone-stage {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 720px;
    align-self: center;
    place-items: center;
}

.store-real-phone-stage::before {
    position: absolute;
    width: min(100%, 470px);
    aspect-ratio: 1;
    border: 1px solid rgba(183, 255, 0, .16);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(183, 255, 0, .1), transparent 67%);
    box-shadow: 0 0 0 46px rgba(183, 255, 0, .025), 0 0 0 92px rgba(183, 255, 0, .012);
    content: "";
}

.store-real-iphone {
    position: relative;
    z-index: 2;
    width: min(100%, 330px);
    aspect-ratio: 393 / 852;
    padding: 10px;
    border: 1px solid #e5e7e7;
    border-radius: 54px;
    background: linear-gradient(145deg, #f4f5f5 0%, #8f9497 30%, #e1e3e3 58%, #707578 100%);
    box-shadow: 0 35px 80px rgba(0, 0, 0, .4), inset 0 0 0 2px rgba(255, 255, 255, .68), inset 0 0 0 4px rgba(42, 48, 50, .25);
    transform: rotate(1.25deg);
}

.store-real-iphone::after {
    position: absolute;
    right: 26%;
    bottom: 5px;
    left: 26%;
    height: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .42);
    content: "";
}

.store-real-iphone-button {
    position: absolute;
    z-index: 1;
    width: 4px;
    border-radius: 3px 0 0 3px;
    background: linear-gradient(#cdd0d1, #6d7275 50%, #b8bcbe);
    box-shadow: -1px 0 1px rgba(0, 0, 0, .25);
}

.store-real-iphone-button.is-volume-up {
    top: 135px;
    left: -4px;
    height: 54px;
}

.store-real-iphone-button.is-volume-down {
    top: 203px;
    left: -4px;
    height: 54px;
}

.store-real-iphone-button.is-power {
    top: 160px;
    right: -4px;
    height: 82px;
    border-radius: 0 3px 3px 0;
    box-shadow: 1px 0 1px rgba(0, 0, 0, .25);
}

.store-real-iphone-screen {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 4px solid #171a1b;
    border-radius: 45px;
    background: #111;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}

.store-real-iphone-screen img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.store-real-iphone-island {
    position: absolute;
    top: 12px;
    left: 50%;
    width: 92px;
    height: 25px;
    border-radius: 999px;
    background: #070909;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .04), 0 2px 8px rgba(0, 0, 0, .3);
    transform: translateX(-50%);
}

.store-product-gallery .store-detail-media {
    position: relative;
    top: auto;
}

.store-product-gallery .store-detail-media.has-product-image {
    border: 0;
    outline: 0;
    background: #e7e8e8;
    box-shadow: 0 32px 68px -20px rgba(6, 23, 25, .2);
}

.store-product-gallery .store-detail-media.has-product-image > img {
    display: block;
    transform: scale(1.002);
    transform-origin: center;
}

.store-detail-media-note p {
    margin: .2rem 0 0;
    color: #c8d6d3;
    font-size: .7rem;
    line-height: 1.45;
}

.store-product-gallery .store-detail-media-note-under {
    position: relative;
    inset: auto;
    margin-top: .85rem;
}

.store-product-gallery [data-store-gallery-main] {
    transition: opacity .18s ease;
}

.store-product-gallery [data-store-gallery-main].is-changing {
    opacity: .35;
}

.store-gallery-thumbnails {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: .85rem;
}

.store-gallery-thumbnail {
    aspect-ratio: 1 / 1;
    background: #fff;
    border: 2px solid transparent;
    border-radius: 15px;
    box-shadow: 0 8px 22px rgba(6, 23, 25, .08);
    cursor: pointer;
    overflow: hidden;
    padding: 3px;
    transition: border-color .18s ease, transform .18s ease;
}

.store-gallery-thumbnail:hover {
    transform: translateY(-2px);
}

.store-gallery-thumbnail.is-active {
    border-color: var(--store-green);
}

.store-gallery-thumbnail img {
    border-radius: 11px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

@media (max-width: 991.98px) {
    .store-product-gallery {
        position: relative;
        top: auto;
    }

    .store-software-story {
        grid-template-columns: 1fr;
    }

    .store-real-phone-stage {
        width: min(100%, 620px);
        min-height: 720px;
        justify-self: center;
    }
}

@media (max-width: 575.98px) {
    .store-product-gallery .store-detail-media {
        display: flex;
        overflow: hidden;
        aspect-ratio: auto;
        flex-direction: column;
    }

    .store-product-gallery .store-detail-media.has-product-image > img {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 1;
        flex: 0 0 auto;
        object-fit: cover;
    }

    .store-product-gallery .store-detail-media-note {
        position: relative;
        inset: auto;
        margin: 12px 0 0;
        flex: 0 0 auto;
    }

    .store-product-gallery .store-detail-media-note p {
        display: block;
        font-size: .72rem;
    }

    .store-gallery-thumbnails {
        gap: .55rem;
    }

    .store-gallery-thumbnail {
        border-radius: 12px;
    }

    .store-subscription-gift {
        grid-template-columns: 1fr;
        gap: .75rem;
        padding: 1rem;
    }

    .store-subscription-gift-content > strong {
        font-size: 1rem;
    }

    .store-subscription-gift-content > strong em {
        margin: .3rem 0 0;
    }

    .store-subscription-gift-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .store-subscription-gift-features span {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: .45rem;
        min-height: 72px;
        padding: .62rem;
    }

    .store-subscription-gift-features i {
        width: 30px;
        height: 30px;
        border-radius: 9px;
        font-size: .85rem;
    }

    .store-subscription-gift-features b {
        font-size: .75rem;
        line-height: 1.38;
    }

    .store-software-story {
        margin-top: 3rem;
        padding: 1.45rem;
        border-radius: 26px;
    }

    .store-software-copy h2 {
        font-size: 2.25rem;
    }

    .store-software-copy > p {
        font-size: .92rem;
    }

    .store-software-benefits {
        grid-template-columns: 1fr;
    }

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

    .store-software-actions .btn-store-primary {
        width: 100%;
    }

    .store-software-actions > span {
        max-width: none;
        text-align: center;
    }

    .store-real-phone-stage {
        min-height: 620px;
    }

    .store-real-phone-stage::before {
        width: 310px;
    }

    .store-real-iphone {
        width: min(100%, 270px);
        border-radius: 46px;
        transform: none;
    }

    .store-real-iphone-screen {
        border-radius: 37px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .store-subscription-gift,
    .store-subscription-gift::before,
    .store-subscription-gift-features span {
        animation: none !important;
    }
}

.store-volume-pricing {
    margin: 1.25rem 0 0;
    padding: 1rem;
    border: 1px solid rgba(113, 154, 12, .25);
    border-radius: 18px;
    background: linear-gradient(145deg, #f8fdeb, #eef8dc);
}

.store-volume-pricing-heading {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .8rem;
}

.store-volume-pricing-heading > span {
    display: grid;
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    background: #0a2929;
    color: #b9f227;
    font-size: 1.15rem;
}

.store-volume-pricing-heading h2 {
    margin: 0 0 .1rem;
    color: #0a2929;
    font-size: 1rem;
    font-weight: 850;
}

.store-volume-pricing-heading p {
    margin: 0;
    color: #61706b;
    font-size: .76rem;
}

.store-volume-pricing-table {
    display: grid;
    gap: .5rem;
}

.store-volume-pricing-row {
    display: grid;
    grid-template-columns: minmax(95px, .8fr) minmax(150px, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .7rem .8rem;
    border: 1px solid rgba(9, 45, 44, .1);
    border-radius: 12px;
    background: rgba(255, 255, 255, .84);
    color: #405451;
    font-size: .78rem;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.store-volume-pricing-row strong { color: #0a2929; }
.store-volume-pricing-row em { color: #557b00; font-size: .7rem; font-style: normal; font-weight: 800; text-align: right; }
.store-volume-pricing-row.is-active { border-color: #8fbe1c; box-shadow: 0 0 0 2px rgba(185, 242, 39, .2); transform: translateY(-1px); }
.store-volume-pricing-row.is-active::before { content: "Seçili"; position: absolute; }
.store-volume-pricing-row { position: relative; }
.store-volume-pricing-row.is-active::before { top: -7px; right: 10px; padding: 2px 7px; border-radius: 999px; background: #b9f227; color: #0a2929; font-size: .56rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }

.store-product-faq{margin:60px 0;padding:clamp(28px,4vw,46px);border:1px solid rgba(9,45,44,.12);border-radius:28px;background:linear-gradient(145deg,#f9fcf5,#eef7e6);box-shadow:0 24px 60px rgba(7,45,42,.08)}
.store-product-faq-heading{max-width:720px;margin-bottom:24px}.store-product-faq-heading>span{display:inline-flex;align-items:center;gap:7px;color:#567d05;font-size:.7rem;font-weight:900;letter-spacing:.1em}.store-product-faq-heading h2{margin:7px 0 8px;color:#092d2c;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:850;letter-spacing:-.035em}.store-product-faq-heading p{margin:0;color:#586d68;line-height:1.6}
.store-product-faq-list{display:grid;gap:10px}.store-product-faq-item{overflow:hidden;border:1px solid #d5e1d7;border-radius:15px;background:rgba(255,255,255,.9)}.store-product-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;color:#123f39;font-size:1rem;font-weight:800}.store-product-faq-item summary::-webkit-details-marker{display:none}.store-product-faq-item summary i{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:10px;background:#e9f7d5;color:#547c07;font-size:1.2rem;transition:transform .2s ease}.store-product-faq-item[open] summary i{transform:rotate(45deg)}.store-product-faq-item>div{padding:0 20px 19px;color:#4b625d;line-height:1.75;white-space:pre-line}.store-product-faq-item>div p{margin:0}

@media (max-width: 575.98px) {
    .store-product-faq{margin:38px 0;padding:24px 18px}.store-product-faq-item summary{padding:16px}.store-product-faq-item>div{padding:0 16px 17px}
    .store-volume-pricing-row { grid-template-columns: 1fr auto; }
    .store-volume-pricing-row em { grid-column: 1 / -1; text-align: left; }
}
