body { background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
        .pd-wrapper { max-width: 1400px; margin: 20px auto; padding: 0 20px; }
        
        /* Breadcrumb */
        .breadcrumb { font-size: 14px; color: #666; margin-bottom: 20px; }
        .breadcrumb a { color: #1d670d; text-decoration: none; }
        .breadcrumb a:hover { text-decoration: underline; }
        
        .pd-container { display: flex; flex-wrap: wrap; gap: 30px; background: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
        
        /* Left: Gallery */
        .pd-gallery { flex: 1; min-width: 300px; max-width: 500px; }
        .main-media-wrap { width: 100%; height: 400px; border-radius: 8px; overflow: hidden; border: 1px solid #eaeaea; margin-bottom: 15px; background: #fafafa; display: flex; align-items: center; justify-content: center; }
        .main-media-wrap img, .main-media-wrap video { width: 100%; height: 100%; object-fit: contain; }
        
        .thumb-wrap { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 5px; }
        .thumb-item { width: 80px; height: 80px; border-radius: 6px; border: 2px solid transparent; cursor: pointer; overflow: hidden; flex-shrink: 0; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
        .thumb-item img, .thumb-item video { width: 100%; height: 100%; object-fit: cover; }
        .thumb-item.active { border-color: #1d670d; }

        /* Right: Info */
        .pd-info { flex: 2; min-width: 300px; }
        .pd-title { font-size: 28px; font-weight: 700; color: #1f2937; margin-bottom: 10px; }
        
        .pd-meta { display: flex; gap: 15px; margin-bottom: 20px; font-size: 14px; color: #555; }
        .pd-meta span { display: flex; align-items: center; gap: 5px; }
        .pd-meta i { color: #1d670d; }
        
        .pd-price-wrap { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 0; margin-bottom: 25px; }
        .pd-price { font-size: 32px; font-weight: 800; color: #1d670d; }
        .pd-tax-note { font-size: 13px; color: #777; margin-top: 5px; }
        
        /* Seller Card */
        .seller-card { background: #f8fcf8; border: 1px solid #e8f5e9; border-radius: 8px; padding: 15px; margin-bottom: 25px; }
        .seller-name { font-size: 16px; font-weight: 700; color: #111; margin-bottom: 5px; display: flex; align-items: center; gap: 8px; }
        .seller-name i { color: #1d670d; }
        .seller-loc { font-size: 14px; color: #555; margin-bottom: 10px; }
        .seller-badges { display: flex; flex-wrap: wrap; gap: 10px; }
        .badge { background: #e8f5e9; color: #1d670d; padding: 4px 10px; border-radius: 4px; font-size: 12px; font-weight: 600; display: flex; align-items: center; gap: 4px; border: 1px solid #c8e6c9; }
        
        /* Action Buttons */
        .pd-actions { display: flex; gap: 15px; flex-wrap: wrap; margin-bottom: 30px; }
        .btn-green, .btn-black { padding: 8px 20px; border-radius: 4px; font-weight: bold; font-size: 14px; cursor: pointer; text-decoration: none; display: flex; align-items: center; justify-content: center; gap: 6px; border: none; transition: 0.2s; flex: 1; min-width: 150px; text-align: center; }
        .btn-green { background: #1d670d; color: #fff; }
        .btn-green:hover { background: #6da247; }
        .btn-black { background: #111; color: #fff; }
        .btn-black:hover { background: #333; }

        /* Tabs System */
        .pd-tabs-container { margin-top: 20px; }
        .pd-tabs { display: flex; gap: 30px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
        .pd-tab-link { font-size: 16px; font-weight: 600; color: #555; padding-bottom: 10px; cursor: pointer; position: relative; }
        .pd-tab-link.active { color: #1d670d; }
        .pd-tab-link.active::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #1d670d; }
        
        .pd-tabs-content-box { background: #fff; padding: 25px; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.05); }
        .pd-tab-content { display: none; }
        .pd-tab-content.active { display: block; }
        
        /* Description & Specs Tab Content */
        .desc-list { list-style-type: disc; padding-left: 20px; font-size: 15px; line-height: 1.8; color: #444; }
        .desc-list li { margin-bottom: 8px; }

        .specs-table { width: 100%; border-collapse: collapse; border: 1px solid #eaeaea; }
        .specs-table td { padding: 12px 15px; border: 1px solid #eaeaea; font-size: 14px; }
        .specs-table .spec-lbl { background-color: #f1f3f5; font-weight: 600; color: #333; width: 20%; }
        .specs-table .spec-val { background-color: #fff; color: #555; width: 30%; }

        @media(max-width: 768px) {
            .pd-container { flex-direction: column; padding: 15px; }
            .pd-gallery { max-width: 100%; }
            .pd-actions { flex-direction: column; }
            
            .specs-table, .specs-table tbody, .specs-table tr, .specs-table td { display: block; width: 100%; }
            .specs-table .spec-lbl { background-color: #f1f3f5; }
        }