/* ========================================
   Crew Medya - PCKolik
   007 First Light GeForce RTX Bundle (TR)
   NVIDIA canvas layout, scope'lu
   ======================================== */

@font-face {
    font-family: "NVIDIA Sans";
    src: url("https://crewmedya.tr/pckolik/nvdia5/fonts/NVIDIASans-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "NVIDIA Sans";
    src: url("https://crewmedya.tr/pckolik/nvdia5/fonts/NVIDIASans-Italic.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "NVIDIA Sans";
    src: url("https://crewmedya.tr/pckolik/nvdia5/fonts/NVIDIASans-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "NVIDIA Sans";
    src: url("https://crewmedya.tr/pckolik/nvdia5/fonts/NVIDIASans-BoldItalic.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* ========================================
   Main Container
   ======================================== */

.crewmedya-pckolik-main-container,
.crewmedya-pckolik-main-container * {
    box-sizing: border-box;
}

.crewmedya-pckolik-main-container {
    width: 100%;
    margin: 0 auto;
    background: #000;
    color: #fff;
    font-family: "NVIDIA Sans", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
    overflow-x: hidden;
}

.crewmedya-pckolik-main-container .page-frame {
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    background: #000;
}

.crewmedya-pckolik-main-container .mobile-frame {
    display: none;
    position: relative;
}

.crewmedya-pckolik-main-container .canvas {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
    background: #000;
    transform-origin: top center;
}

.crewmedya-pckolik-main-container .desktop-canvas {
    width: 1350px;
    height: 4440px;
}

.crewmedya-pckolik-main-container .mobile-canvas {
    width: 360px;
    height: 6040px;
}

.crewmedya-pckolik-main-container .asset,
.crewmedya-pckolik-main-container .txt,
.crewmedya-pckolik-main-container .cta,
.crewmedya-pckolik-main-container .panel,
.crewmedya-pckolik-main-container .divider,
.crewmedya-pckolik-main-container .sku {
    position: absolute;
}

.crewmedya-pckolik-main-container .asset {
    display: block;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.crewmedya-pckolik-main-container .video-embed {
    position: absolute;
    display: block;
    border: 0;
    background: #000;
}

.crewmedya-pckolik-main-container .txt {
    margin: 0;
}

.crewmedya-pckolik-main-container em {
    font-style: italic;
}

.crewmedya-pckolik-main-container .cta {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #76b900;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, transform 0.2s ease;
}

.crewmedya-pckolik-main-container .cta:hover {
    background: #8ed000;
}

.crewmedya-pckolik-main-container .section-title {
    font-weight: 700;
    text-align: center;
}

.crewmedya-pckolik-main-container .eyebrow {
    font-weight: 700;
    text-align: center;
}

.crewmedya-pckolik-main-container .body-copy,
.crewmedya-pckolik-main-container .caption,
.crewmedya-pckolik-main-container .footnote,
.crewmedya-pckolik-main-container .terms {
    text-align: center;
}

.crewmedya-pckolik-main-container .terms span,
.crewmedya-pckolik-main-container .terms a {
    color: #76b900;
    text-decoration: none;
}

.crewmedya-pckolik-main-container .terms,
.crewmedya-pckolik-main-container .hero-availability {
    color: rgba(255, 255, 255, 0.6);
}

.crewmedya-pckolik-main-container .hero-availability {
    font-size: 11px;
    line-height: 15px;
    text-align: center;
}

.crewmedya-pckolik-main-container .panel {
    background: #111;
}

.crewmedya-pckolik-main-container .divider {
    background: rgba(255, 255, 255, 0.28);
}

.crewmedya-pckolik-main-container .product-name {
    width: 300px;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    text-align: center;
}

.crewmedya-pckolik-main-container .learn {
    width: 129px;
    height: 43px;
    left: 85px;
    top: 279px;
    font-size: 13px;
}

.crewmedya-pckolik-main-container .gpu {
    left: 0;
    top: 0;
    width: 300px;
    height: 168px;
    background: #fff;
    object-fit: contain;
}

/* ========================================
   DESKTOP (lang-tr base entegre)
   ======================================== */

.crewmedya-pckolik-main-container .d-hero-bg {
    left: 0;
    top: 0;
    width: 1350px;
    height: 670px;
}

.crewmedya-pckolik-main-container .d-hero-title {
    left: 198px;
    top: 91px;
    width: 500px;
    font-size: 44px;
    line-height: 55px;
    font-weight: 700;
    overflow-wrap: break-word;
}

.crewmedya-pckolik-main-container .d-hero-subtitle {
    left: 196px;
    top: 217px;
    width: 430px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    overflow-wrap: break-word;
}

.crewmedya-pckolik-main-container .d-buy {
    left: 196px;
    top: 295px;
    width: 114px;
    height: 43px;
    font-size: 14px;
}

.crewmedya-pckolik-main-container .d-hero-terms {
    left: 195px;
    top: 369px;
    width: 276px;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
}

.crewmedya-pckolik-main-container .d-hero-badge {
    left: 196px;
    top: 430px;
    width: 163px;
    height: 49px;
}

.crewmedya-pckolik-main-container .d-intro {
    left: 211px;
    top: 645px;
    width: 928px;
    font-size: 15px;
    line-height: 25px;
    text-align: center;
}

.crewmedya-pckolik-main-container .d-hero-availability {
    left: 211px;
    top: 854px;
    width: 928px;
}

.crewmedya-pckolik-main-container .d-video-panel {
    left: -33px;
    top: 913px;
    width: 1415px;
    height: 552px;
}

.crewmedya-pckolik-main-container .d-video-title {
    left: 250px;
    top: 970px;
    width: 850px;
    font-size: 28px;
    line-height: 35px;
}

.crewmedya-pckolik-main-container .d-video-embed {
    left: 395px;
    top: 1045px;
    width: 560px;
    height: 315px;
}

.crewmedya-pckolik-main-container .d-video-caption {
    left: 475px;
    top: 1386px;
    width: 400px;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700;
}

.crewmedya-pckolik-main-container .d-path-eyebrow {
    left: 450px;
    top: 1557px;
    width: 450px;
    font-size: 18px;
    line-height: 25px;
}

.crewmedya-pckolik-main-container .d-path-title {
    left: 425px;
    top: 1596px;
    width: 500px;
    font-size: 29px;
    line-height: 35px;
}

.crewmedya-pckolik-main-container .d-path-copy {
    left: 327px;
    top: 1653px;
    width: 697px;
    font-size: 15px;
    line-height: 25px;
}

.crewmedya-pckolik-main-container .d-path-img {
    left: 360px;
    top: 1753px;
    width: 630px;
    height: 354px;
}

.crewmedya-pckolik-main-container .d-dlss-panel {
    left: -33px;
    top: 2198px;
    width: 1415px;
    height: 799px;
}

.crewmedya-pckolik-main-container .d-dlss-eyebrow {
    left: 575px;
    top: 2289px;
    width: 200px;
    font-size: 18px;
    line-height: 25px;
}

.crewmedya-pckolik-main-container .d-dlss-title {
    left: 275px;
    top: 2329px;
    width: 800px;
    font-size: 28px;
    line-height: 35px;
}

.crewmedya-pckolik-main-container .d-dlss-copy {
    left: 312px;
    top: 2386px;
    width: 726px;
    font-size: 15px;
    line-height: 25px;
}

.crewmedya-pckolik-main-container .d-dlss-img {
    left: 339px;
    top: 2506px;
    width: 630px;
    height: 354px;
}

.crewmedya-pckolik-main-container .d-dlss-footnote {
    left: 417px;
    top: 2894px;
    width: 528px;
    font-size: 11px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.62);
}

.crewmedya-pckolik-main-container .d-shop-title {
    left: 500px;
    top: 3083px;
    width: 350px;
    font-size: 28px;
    line-height: 35px;
    white-space: normal;
}

/* Row 1 of SKUs */
.crewmedya-pckolik-main-container .d-sku1 {
    left: 196px;
    top: 3170px;
    width: 300px;
    height: 322px;
}
.crewmedya-pckolik-main-container .d-sku2 {
    left: 525px;
    top: 3170px;
    width: 300px;
    height: 322px;
}
.crewmedya-pckolik-main-container .d-sku3 {
    left: 855px;
    top: 3170px;
    width: 300px;
    height: 322px;
}

/* Row 2 of SKUs */
.crewmedya-pckolik-main-container .d-sku4 {
    left: 196px;
    top: 3557px;
    width: 300px;
    height: 322px;
}
.crewmedya-pckolik-main-container .d-sku5 {
    left: 525px;
    top: 3557px;
    width: 300px;
    height: 322px;
}
.crewmedya-pckolik-main-container .d-sku6 {
    left: 855px;
    top: 3557px;
    width: 300px;
    height: 322px;
}

.crewmedya-pckolik-main-container .d-sku1 .product-name,
.crewmedya-pckolik-main-container .d-sku2 .product-name,
.crewmedya-pckolik-main-container .d-sku3 .product-name,
.crewmedya-pckolik-main-container .d-sku4 .product-name,
.crewmedya-pckolik-main-container .d-sku5 .product-name,
.crewmedya-pckolik-main-container .d-sku6 .product-name {
    left: 0;
    top: 198px;
}

.crewmedya-pckolik-main-container .d-footer-line {
    left: 204px;
    top: 3969px;
    width: 963px;
    height: 4px;
}

.crewmedya-pckolik-main-container .d-ioi {
    left: 576px;
    top: 4040px;
    width: 91px;
    height: 51px;
}

.crewmedya-pckolik-main-container .d-pegi {
    left: 727px;
    top: 4035px;
    width: 48px;
    height: 60px;
}

.crewmedya-pckolik-main-container .d-footer-badge {
    left: 594px;
    top: 4159px;
    width: 163px;
    height: 49px;
}

.crewmedya-pckolik-main-container .d-legal {
    left: 196px;
    top: 4270px;
    width: 929px;
    font-size: 11px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.72);
    text-align: left;
}

/* ========================================
   MOBILE (lang-tr base entegre)
   ======================================== */

.crewmedya-pckolik-main-container .m-hero-bg {
    left: 0;
    top: 0;
    width: 360px;
    height: 249px;
}

.crewmedya-pckolik-main-container .m-hero-title {
    left: 30px;
    top: 242px;
    width: 280px;
    font-size: 25px;
    line-height: 31px;
    font-weight: 700;
    text-align: left;
    overflow-wrap: break-word;
}

.crewmedya-pckolik-main-container .m-hero-subtitle {
    left: 30px;
    top: 332px;
    width: 330px;
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
    overflow-wrap: break-word;
}

.crewmedya-pckolik-main-container .tr-hero-line,
.crewmedya-pckolik-main-container .tr-game-line {
    white-space: nowrap;
}

.crewmedya-pckolik-main-container .m-intro {
    left: 30px;
    top: 407px;
    width: 300px;
    font-size: 15px;
    line-height: 25px;
    text-align: left;
    overflow-wrap: break-word;
}

.crewmedya-pckolik-main-container .m-buy {
    left: 30px;
    top: 1047px;
    width: 108px;
    height: 43px;
    font-size: 14px;
}

.crewmedya-pckolik-main-container .m-hero-terms {
    left: 30px;
    top: 1140px;
    width: 300px;
    font-size: 11px;
    line-height: 15px;
    text-align: left;
    overflow-wrap: break-word;
}

.crewmedya-pckolik-main-container .m-hero-availability {
    left: 30px;
    top: 1122px;
    width: 300px;
    text-align: left;
    overflow-wrap: break-word;
}

.crewmedya-pckolik-main-container .m-hero-badge {
    left: 30px;
    top: 1202px;
    width: 163px;
    height: 49px;
}

.crewmedya-pckolik-main-container .m-video-panel {
    left: 0;
    top: 1292px;
    width: 360px;
    height: 520px;
}

.crewmedya-pckolik-main-container .m-video-title {
    left: 30px;
    top: 1347px;
    width: 300px;
    font-size: 22px;
    line-height: 28px;
}

.crewmedya-pckolik-main-container .m-video-embed {
    left: 0;
    top: 1457px;
    width: 360px;
    height: 203px;
}

.crewmedya-pckolik-main-container .m-video-caption {
    left: 80px;
    top: 1692px;
    width: 200px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
}

.crewmedya-pckolik-main-container .mobile-player {
    left: 0;
    top: 1457px;
    width: 360px;
    height: 203px;
    z-index: 5;
}

.crewmedya-pckolik-main-container .m-path-eyebrow {
    left: 30px;
    top: 1859px;
    width: 300px;
    font-size: 16px;
    line-height: 20px;
}

.crewmedya-pckolik-main-container .m-path-title {
    left: 30px;
    top: 1904px;
    width: 300px;
    font-size: 22px;
    line-height: 28px;
}

.crewmedya-pckolik-main-container .m-path-copy {
    left: 30px;
    top: 1960px;
    width: 300px;
    font-size: 15px;
    line-height: 25px;
}

.crewmedya-pckolik-main-container .m-path-img {
    left: 0;
    top: 2129px;
    width: 360px;
    height: 202px;
}

.crewmedya-pckolik-main-container .m-dlss-panel {
    left: 0;
    top: 2331px;
    width: 360px;
    height: 640px;
}

.crewmedya-pckolik-main-container .m-dlss-eyebrow {
    left: 30px;
    top: 2377px;
    width: 300px;
    font-size: 16px;
    line-height: 20px;
}

.crewmedya-pckolik-main-container .m-dlss-title {
    left: 30px;
    top: 2417px;
    width: 300px;
    font-size: 22px;
    line-height: 28px;
}

.crewmedya-pckolik-main-container .m-dlss-copy {
    left: 30px;
    top: 2504px;
    width: 300px;
    font-size: 15px;
    line-height: 25px;
}

.crewmedya-pckolik-main-container .m-dlss-img {
    left: 0;
    top: 2692px;
    width: 360px;
    height: 202px;
}

.crewmedya-pckolik-main-container .m-dlss-footnote {
    left: 47px;
    top: 2920px;
    width: 266px;
    font-size: 11px;
    line-height: 12px;
    color: rgba(255, 255, 255, 0.62);
}

.crewmedya-pckolik-main-container .m-shop-title {
    left: 30px;
    top: 3052px;
    width: 300px;
    font-size: 22px;
    line-height: 28px;
    white-space: normal;
}

/* Mobile SKU stack (6 items, 385px aralık) */
.crewmedya-pckolik-main-container .m-sku1,
.crewmedya-pckolik-main-container .m-sku2,
.crewmedya-pckolik-main-container .m-sku3,
.crewmedya-pckolik-main-container .m-sku4,
.crewmedya-pckolik-main-container .m-sku5,
.crewmedya-pckolik-main-container .m-sku6 {
    left: 30px;
    width: 300px;
    height: 323px;
}

.crewmedya-pckolik-main-container .m-sku1 { top: 3117px; }
.crewmedya-pckolik-main-container .m-sku2 { top: 3502px; }
.crewmedya-pckolik-main-container .m-sku3 { top: 3887px; }
.crewmedya-pckolik-main-container .m-sku4 { top: 4272px; }
.crewmedya-pckolik-main-container .m-sku5 { top: 4657px; }
.crewmedya-pckolik-main-container .m-sku6 { top: 5042px; }

.crewmedya-pckolik-main-container .m-sku1 .product-name,
.crewmedya-pckolik-main-container .m-sku2 .product-name,
.crewmedya-pckolik-main-container .m-sku3 .product-name,
.crewmedya-pckolik-main-container .m-sku4 .product-name,
.crewmedya-pckolik-main-container .m-sku5 .product-name,
.crewmedya-pckolik-main-container .m-sku6 .product-name {
    left: 0;
    top: 199px;
}

.crewmedya-pckolik-main-container .m-footer-line {
    left: 30px;
    top: 5412px;
    width: 303px;
    height: 4px;
}

.crewmedya-pckolik-main-container .m-ioi {
    left: 137px;
    top: 5477px;
    width: 86px;
    height: 46px;
}

.crewmedya-pckolik-main-container .m-pegi {
    left: 156px;
    top: 5557px;
    width: 48px;
    height: 60px;
}

.crewmedya-pckolik-main-container .m-footer-badge {
    left: 99px;
    top: 5647px;
    width: 163px;
    height: 49px;
}

.crewmedya-pckolik-main-container .m-legal {
    left: 30px;
    top: 5752px;
    width: 300px;
    font-size: 11px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.72);
    text-align: left;
}

/* ========================================
   Breakpoint Switch
   ======================================== */

@media (max-width: 767px) {
    .crewmedya-pckolik-main-container .desktop-frame {
        display: none;
    }
    .crewmedya-pckolik-main-container .mobile-frame {
        display: flex;
    }
}