:root {
            --pk-blue: #1a6fb5;
            --pk-blue-dark: #0e4d7a;
            --pk-blue-light: #e8f4fd;
            --pk-accent: #2ecc71;
            --pk-dark: #1a1a2e;
            --pk-gray: #6b7280;
            --pk-light: #f8fafc;
            --pk-white: #ffffff;
            --pk-border: #e2e8f0;
        }

        * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family:'DM Sans',sans-serif; color:var(--pk-dark); background:var(--pk-white); }
        a { text-decoration:none; color:inherit; }
        img { max-width:100%; height:auto; }

        /* ═══════════════════════════════
           TOP BAR
           ═══════════════════════════════ */
        .pk-topbar {
            background:var(--pk-blue-dark);
            color:#fff;
            font-size:13px;
            padding:8px 0;
        }
        .pk-topbar .pk-container {
            display:flex;
            justify-content:space-between;
            align-items:center;
            flex-wrap:wrap;
            gap:10px;
        }
        .pk-topbar a { color:#fff; opacity:0.9; }
        .pk-topbar a:hover { opacity:1; }
        .pk-topbar-left { display:flex; gap:20px; align-items:center; }
        .pk-topbar-right { display:flex; gap:15px; align-items:center; }
        .pk-topbar-right a { font-size:16px; }

        /* ═══════════════════════════════
           HEADER / NAVBAR
           ═══════════════════════════════ */
        .pk-header {
            background:var(--pk-white);
            box-shadow:0 2px 15px rgba(0,0,0,0.06);
            position:sticky;
            top:0;
            z-index:100;
        }
        .pk-header .pk-container {
            display:flex;
            align-items:center;
            justify-content:space-between;
            padding-top:12px;
            padding-bottom:12px;
        }
        .pk-logo img { height:55px; }
        .pk-nav { display:flex; gap:28px; align-items:center; }
        .pk-nav a {
            font-size:15px;
            font-weight:600;
            color:var(--pk-dark);
            transition:color 0.25s;
            letter-spacing:0.2px;
        }
        .pk-nav a:hover { color:var(--pk-blue); }
        .pk-nav-cta {
            background:var(--pk-blue) !important;
            color:#fff !important;
            padding:10px 24px !important;
            border-radius:8px;
            font-size:14px !important;
            transition:background 0.25s !important;
        }
        .pk-nav-cta:hover { background:var(--pk-blue-dark) !important; }
        .pk-cart-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:var(--pk-blue-light); color:var(--pk-blue-dark); transition:all 0.2s; flex-shrink:0; }
        .pk-cart-btn:hover { background:var(--pk-blue); color:#fff; transform:translateY(-2px); }
        .pk-cart-btn svg { width:22px; height:22px; }
        .pk-cart-count { position:absolute; top:-4px; right:-4px; min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:var(--pk-accent); color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; border:2px solid #fff; box-sizing:content-box; opacity:0; transform:scale(0); transition:all 0.25s cubic-bezier(0.68,-0.55,0.27,1.55); }
        .pk-cart-count.visible { opacity:1; transform:scale(1); }
        .pk-cart-count.pulse { animation:pk-pulse 0.4s ease; }
        @keyframes pk-pulse { 0%{transform:scale(1);} 50%{transform:scale(1.4);} 100%{transform:scale(1);} }
        .pk-mobile-toggle { display:none; background:none; border:none; font-size:28px; cursor:pointer; color:var(--pk-dark); }

        /* ═══════════════════════════════
           CONTAINER
           ═══════════════════════════════ */
        .pk-container { max-width:1300px; margin:0 auto; padding-left:20px; padding-right:20px; }

        /* ═══════════════════════════════
           HERO SLIDER
           ═══════════════════════════════ */
        .pk-hero {
            position:relative;
            overflow:hidden;
            height:520px;
            background:var(--pk-dark);
        }
        .pk-slide {
            position:absolute;
            inset:0;
            opacity:0;
            transition:opacity 1s ease;
        }
        .pk-slide.active { opacity:1; }
        .pk-slide img {
            width:100%;
            height:100%;
            object-fit:cover;
            filter:brightness(0.45);
        }
        .pk-slide-content {
            position:absolute;
            inset:0;
            display:flex;
            flex-direction:column;
            justify-content:center;
            align-items:flex-start;
            padding:0 8%;
            z-index:2;
        }
        .pk-slide-tag {
            background:rgba(26,111,181,0.85);
            color:#fff;
            padding:6px 18px;
            border-radius:30px;
            font-size:13px;
            font-weight:600;
            letter-spacing:1.5px;
            text-transform:uppercase;
            margin-bottom:16px;
        }
        .pk-slide-title {
            font-family:'Playfair Display',serif;
            font-size:52px;
            font-weight:800;
            color:#fff;
            line-height:1.15;
            max-width:650px;
            margin-bottom:16px;
        }
        .pk-slide-subtitle {
            color:rgba(255,255,255,0.85);
            font-size:18px;
            max-width:500px;
            margin-bottom:28px;
            line-height:1.5;
        }
        .pk-slide-btn {
            display:inline-flex;
            align-items:center;
            gap:8px;
            background:var(--pk-blue);
            color:#fff;
            padding:14px 32px;
            border-radius:10px;
            font-weight:700;
            font-size:15px;
            transition:all 0.3s;
        }
        .pk-slide-btn:hover { background:var(--pk-accent); transform:translateY(-2px); }

        .pk-slider-dots {
            position:absolute;
            bottom:30px;
            left:50%;
            transform:translateX(-50%);
            display:flex;
            gap:10px;
            z-index:5;
        }
        .pk-dot {
            width:12px;height:12px;
            border-radius:50%;
            background:rgba(255,255,255,0.4);
            cursor:pointer;
            border:none;
            transition:all 0.3s;
        }
        .pk-dot.active { background:#fff; transform:scale(1.2); }

        .pk-slider-arrow {
            position:absolute;
            top:50%;
            transform:translateY(-50%);
            z-index:5;
            background:rgba(255,255,255,0.15);
            border:none;
            color:#fff;
            width:50px;height:50px;
            border-radius:50%;
            font-size:22px;
            cursor:pointer;
            transition:all 0.3s;
            backdrop-filter:blur(5px);
        }
        .pk-slider-arrow:hover { background:rgba(255,255,255,0.3); }
        .pk-arrow-left { left:20px; }
        .pk-arrow-right { right:20px; }

        /* ═══════════════════════════════
           STATS BAR
           ═══════════════════════════════ */
        .pk-stats {
            background:var(--pk-blue);
            padding:25px 0;
        }
        .pk-stats .pk-container {
            display:flex;
            justify-content:space-around;
            flex-wrap:wrap;
            gap:20px;
        }
        .pk-stat {
            text-align:center;
            color:#fff;
        }
        .pk-stat-number {
            font-family:'Playfair Display',serif;
            font-size:36px;
            font-weight:800;
        }
        .pk-stat-label { font-size:13px; opacity:0.85; margin-top:4px; text-transform:uppercase; letter-spacing:1px; }

        /* ═══════════════════════════════
           CATALOG SECTION
           ═══════════════════════════════ */
        .pk-section { padding:60px 0; }
        .pk-section-header {
            text-align:center;
            margin-bottom:40px;
        }
        .pk-section-tag {
            color:var(--pk-blue);
            font-size:13px;
            font-weight:700;
            text-transform:uppercase;
            letter-spacing:2px;
            margin-bottom:8px;
        }
        .pk-section-title {
            font-family:'Playfair Display',serif;
            font-size:38px;
            font-weight:800;
            color:var(--pk-dark);
        }

        /* ═══════════════════════════════
           WHY CHOOSE US
           ═══════════════════════════════ */
        .pk-why {
            background:var(--pk-light);
            padding:80px 0;
        }
        .pk-why-grid {
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:50px;
            align-items:center;
        }
        .pk-why-images {
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:15px;
        }
        .pk-why-images img {
            border-radius:12px;
            height:220px;
            width:100%;
            object-fit:cover;
            box-shadow:0 4px 20px rgba(0,0,0,0.1);
        }
        .pk-why-images img:first-child {
            grid-column:1/-1;
            height:250px;
        }
        .pk-why-text .pk-section-tag { text-align:left; }
        .pk-why-text h2 {
            font-family:'Playfair Display',serif;
            font-size:34px;
            font-weight:800;
            margin-bottom:18px;
            line-height:1.2;
        }
        .pk-why-text p { color:var(--pk-gray); line-height:1.7; margin-bottom:20px; }
        .pk-why-list { list-style:none; }
        .pk-why-list li {
            padding:6px 0;
            font-weight:500;
            display:flex;
            align-items:center;
            gap:10px;
        }
        .pk-why-list li::before {
            content:'✓';
            background:var(--pk-blue);
            color:#fff;
            width:24px;height:24px;
            border-radius:50%;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            font-size:13px;
            font-weight:700;
            flex-shrink:0;
        }

        /* ═══════════════════════════════
           FEATURES
           ═══════════════════════════════ */
        .pk-features-grid {
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:25px;
        }
        .pk-feature-card {
            text-align:center;
            padding:35px 20px;
            background:var(--pk-white);
            border-radius:14px;
            box-shadow:0 2px 15px rgba(0,0,0,0.06);
            transition:all 0.3s;
        }
        .pk-feature-card:hover {
            transform:translateY(-5px);
            box-shadow:0 8px 30px rgba(0,0,0,0.12);
        }
        .pk-feature-icon {
            font-size:40px;
            margin-bottom:14px;
        }
        .pk-feature-card h3 {
            font-size:16px;
            font-weight:700;
            margin-bottom:8px;
        }
        .pk-feature-card p { font-size:13px; color:var(--pk-gray); line-height:1.5; }

        /* ═══════════════════════════════
           CTA BANNER
           ═══════════════════════════════ */
        .pk-cta {
            background:linear-gradient(135deg, var(--pk-blue-dark) 0%, var(--pk-blue) 100%);
            padding:60px 0;
            text-align:center;
            color:#fff;
        }
        .pk-cta h2 {
            font-family:'Playfair Display',serif;
            font-size:34px;
            font-weight:800;
            margin-bottom:12px;
        }
        .pk-cta p { opacity:0.85; font-size:17px; margin-bottom:28px; max-width:550px; margin-left:auto; margin-right:auto; }
        .pk-cta-btn {
            display:inline-flex;
            align-items:center;
            gap:8px;
            background:#fff;
            color:var(--pk-blue-dark);
            padding:14px 36px;
            border-radius:10px;
            font-weight:700;
            font-size:15px;
            transition:all 0.3s;
        }
        .pk-cta-btn:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,0.2); }

        /* ═══════════════════════════════
           FOOTER
           ═══════════════════════════════ */
        .pk-footer {
            background:#0c1829;
            color:rgba(255,255,255,0.75);
            padding:60px 0 0;
        }
        .pk-footer-grid {
            display:grid;
            grid-template-columns:1.5fr 1fr 1fr 1.2fr;
            gap:40px;
        }
        .pk-footer h4 {
            color:#fff;
            font-size:16px;
            font-weight:700;
            margin-bottom:18px;
        }
        .pk-footer-brand img { height:50px; margin-bottom:14px; }
        .pk-footer-brand p { font-size:14px; line-height:1.6; }
        .pk-footer-links { list-style:none; }
        .pk-footer-links li { margin-bottom:10px; }
        .pk-footer-links a { font-size:14px; transition:color 0.25s; }
        .pk-footer-links a:hover { color:#fff; }
        .pk-footer-contact p { font-size:14px; margin-bottom:10px; display:flex; align-items:center; gap:8px; }
        .pk-footer-bottom {
            border-top:1px solid rgba(255,255,255,0.1);
            margin-top:40px;
            padding:20px 0;
            text-align:center;
            font-size:13px;
        }
        .pk-footer-social { display:flex; gap:12px; margin-top:15px; }
        .pk-footer-social a {
            width:36px;height:36px;
            background:rgba(255,255,255,0.1);
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:16px;
            transition:all 0.3s;
        }
        .pk-footer-social a:hover { background:var(--pk-blue); color:#fff; }

        /* ═══════════════════════════════
           RESPONSIVE
           ═══════════════════════════════ */
        @media(max-width:1024px) {
            .pk-why-grid { grid-template-columns:1fr; }
            .pk-features-grid { grid-template-columns:repeat(2,1fr); }
            .pk-footer-grid { grid-template-columns:repeat(2,1fr); }
        }
        @media(max-width:768px) {
            .pk-nav { display:none; }
            .pk-mobile-toggle { display:block; }
            .pk-nav.open {
                display:flex;
                flex-direction:column;
                position:absolute;
                top:100%;
                left:0;
                right:0;
                background:var(--pk-white);
                padding:20px;
                box-shadow:0 10px 30px rgba(0,0,0,0.1);
                z-index:99;
            }
            .pk-hero { height:420px; }
            .pk-slide-title { font-size:32px; }
            .pk-slide-subtitle { font-size:15px; }
            .pk-section-title { font-size:28px; }
            .pk-why-text h2 { font-size:26px; }
            .pk-features-grid { grid-template-columns:1fr 1fr; }
            .pk-footer-grid { grid-template-columns:1fr; }
            .pk-stats .pk-container { justify-content:center; }
            .pk-topbar { display:none; }
        }
        @media(max-width:480px) {
            .pk-hero { height:380px; }
            .pk-slide-title { font-size:26px; }
            .pk-features-grid { grid-template-columns:1fr; }
            .pk-stat-number { font-size:28px; }
        }

        /* ═══════════════════════════════
           ANIMATIONS
           ═══════════════════════════════ */
        .pk-fade-up {
            opacity:1;
            transform:translateY(20px);
            transition:all 0.7s ease;
        }
        .pk-fade-up.visible {
            opacity:1;
            transform:translateY(0);
        }